@charset "UTF-8";
/* 初始化*/
* { margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; }

body { min-width: 1200px; font-family: 'Regular', "微软雅黑","PingFang SC",'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; color: #222; font-size: 14px; background: #f3f5f7; }

input { outline: none; }

em, i, u { font-style: normal; text-decoration: none; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #222; outline: 0; }

a:hover { text-decoration: none; color: #0066ff; }

.clear:before, .clear:after { content: ''; display: block; clear: both; }

.fl { float: left; }

.fr { float: right; }

.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); -webkit-filter: gray; filter: gray; }

.hide { display: none; }

.pt0 { padding-top: 0px !important; }

.bjfff { background: #fff; }

.bjfff .warpbjfff { padding: 0; }

.bjfff .warpbjfff .infornav { width: 130px; }

.bjfff .warpbjfff .common { width: calc(100% - 160px); }

.bjfff .warpbjfff .common .ContL { width: 800px; }

.bjfff .warpbjfff .common .ContR { width: 210px; }

img[src='/newpage/images/img404.png'] { border: 0; width: auto !important; height: auto !important; -o-object-fit: cover !important; object-fit: cover !important; position: absolute; top: 50%; left: 50%; max-width: 80%; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; min-height: auto !important; }

.mg20 { margin: 20px 0; }

.grecaptcha-badge { visibility: hidden; }

.center { width: 1200px; margin: 0 auto; }

.center .scroll::-webkit-scrollbar { width: 6px; height: 6px; background: #dcdcdc; border-radius: 10px; }

.center .scroll::-webkit-scrollbar-button { width: 0; height: 0; }

.center .scroll::-webkit-scrollbar-corner { display: block; }

.center .scroll::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #0066ff; border-radius: 10px; }

.comment { min-height: calc(100vh - 305px); padding: 20px 0; }

.comment .img { position: relative; background: #f5f5f5; }

.comment .img img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.icoimg { background: url("../images/icoimg.png") no-repeat center; }

.iconsvg { width: 40px; height: 40px; fill: #0066ff; overflow: hidden; }

/*头部*/
.header_warp { position: relative; z-index: 3; }

.header_warp .header { width: 100%; height: 80px; background-color: #ffffff; -webkit-box-shadow: 0px 2px 21px 0px rgba(18, 18, 18, 0.2); box-shadow: 0px 2px 21px 0px rgba(18, 18, 18, 0.2); position: relative; }

.header_warp .header .center { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.header_warp .header .center .logo { display: block; }

.header_warp .header .center .logo img { width: auto; display: block; height: 29px; }

.header_warp .header .center .nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 80px; line-height: 80px; font-size: 18px; padding: 0 20px 0 100px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; }

.header_warp .header .center .nav a { display: block; float: left; position: relative; margin-left: 20px; text-align: center; min-width: 70px; }

.header_warp .header .center .nav a:hover, .header_warp .header .center .nav a.on { color: #0066ff; }

.header_warp .header .center .nav a:hover::before, .header_warp .header .center .nav a.on::before { width: 100%; height: 5px; background: #0066ff; content: ''; position: absolute; left: 0; bottom: 0; display: block; border-radius: 5px; }

.header_warp .header .center .nav a:hover u, .header_warp .header .center .nav a.on u { border-top-color: #0066ff; }

.header_warp .header .center .nav a u { display: inline-block; vertical-align: middle; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #a7a7a7; position: relative; width: 0; height: 0px; margin-left: 5px; }

.header_warp .header .center .frbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header_warp .header .center .frbox a, .header_warp .header .center .frbox .search, .header_warp .header .center .frbox .user { cursor: pointer; display: block; float: left; position: relative; margin-left: 30px; }

.header_warp .header .center .frbox a:hover, .header_warp .header .center .frbox .search:hover, .header_warp .header .center .frbox .user:hover { opacity: 0.9; }

.header_warp .header .center .frbox a i, .header_warp .header .center .frbox .search i, .header_warp .header .center .frbox .user i { display: block; }

.header_warp .header .center .frbox a u, .header_warp .header .center .frbox .search u, .header_warp .header .center .frbox .user u { position: absolute; width: 35px; height: 20px; line-height: 20px; background-color: #ee3e31; border-radius: 10px; text-align: center; font-size: 12px; color: #fff; display: block; top: -13px; left: 7px; }

.header_warp .header .center .frbox .search { width: 100px; height: 35px; line-height: 35px; background-color: #0066ff; border-radius: 18px; text-align: center; color: #fff; }

.header_warp .header .center .frbox .search i { display: inline-block; vertical-align: middle; height: 16px; width: 16px; background-position: -174px 0; margin: -2px 5px 0 0; }

.header_warp .header .center .frbox .remind { width: 35px; height: 35px; background: url("../images/ico_remind.png") no-repeat center; display: block; cursor: pointer; margin-left: 20px; position: relative; }

.header_warp .header .center .frbox .remind u { width: 7px; height: 7px; right: 3px; top: 0px; left: initial; }

.header_warp .header .center .frbox .user { height: 35px; width: 35px; background-position: -109px -74px; margin-left: 25px; }

.header_warp .header .center .frbox .icoqz { height: 25px; width: 26px; background-position: -79px -31px; }

.header_warp .header .center .frbox .icotg { height: 24px; width: 26px; background-position: -113px -30px; }

.header_warp .header .center .frbox .layui-nav { padding: 0; margin: 0; background: none; }

.header_warp .header .center .frbox .layui-nav .layui-icon-down { color: #222; }

.header_warp .header .center .frbox .layui-nav .layui-nav-img { width: 35px; height: 35px; }

.header_warp .header .center .frbox .layui-nav .layui-nav-child a { width: 100%; padding: 0; text-align: center; display: block; }

.header_warp .header .center .frbox .layui-nav a { margin: 0; }

.header_warp .header .center .searchbox { display: none; position: absolute; overflow: hidden; left: -50px; top: 80px; width: 1040px; background: #fff; overflow: hidden; padding: 40px 130px; -webkit-box-shadow: inset 0px 2px 21px 0px rgba(18, 18, 18, 0.2); box-shadow: inset 0px 2px 21px 0px rgba(18, 18, 18, 0.2); z-index: 10; }

.header_warp .header .center .searchbox .search { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; font-size: 15px; margin-bottom: 20px; }

.header_warp .header .center .searchbox .search .input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: solid 1px #e1e1e1; border-radius: 5px 0 0 5px; padding: 0 20px; }

.header_warp .header .center .searchbox .search .input input { width: 100%; overflow: hidden; height: 100%; border: none; font-size: 15px; }

.header_warp .header .center .searchbox .search .but { width: 120px; background: #0066ff; color: #fff; line-height: 60px; text-align: center; cursor: pointer; border: none; display: block; outline: none; border-radius: 0 5px 5px 0; }

.header_warp .header .center .searchbox .search .but:hover { opacity: 0.9; }

.header_warp .header .center .searchbox .search .but i { display: inline-block; vertical-align: middle; height: 20px; width: 20px; background-position: -203px 0; margin: -2px 7px 0 0; }

.header_warp .header .center .searchbox .lis_a { padding-bottom: 30px; }

.header_warp .header .center .searchbox .lis_a a { line-height: 35px; background-color: #f7f7f7; border-radius: 5px; padding: 0 10px; display: block; margin: 10px 10px 0 0; color: #777; float: left; }

.header_warp .header .center .searchbox .lis_a a:hover { color: #fff; background: #0066ff; }

.header_warp .header .center .searchbox .lis_b { width: 105%; }

.header_warp .header .center .searchbox .lis_b .item { float: left; margin: 0 19px 20px 0; width: 245px; display: block; color: #777; font-size: 15px; }

.header_warp .header .center .searchbox .lis_b .item:hover { color: #0066ff; }

.header_warp .header .center .searchbox .lis_b .item img { width: 100%; height: 150px; border-radius: 5px; overflow: hidden; display: block; -o-object-fit: cover; object-fit: cover; }

.header_warp .header .center .searchbox .lis_b .item p { padding-top: 7px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.header_warp .header .center .shownav { display: none; position: absolute; overflow: hidden; left: -50px; top: 80px; width: 100%; background: #fff; overflow: hidden; padding: 40px 50px 30px; z-index: 10000; -webkit-box-shadow: inset 0px 2px 21px 0px rgba(18, 18, 18, 0.2); box-shadow: inset 0px 2px 21px 0px rgba(18, 18, 18, 0.2); }

.header_warp .header .center .shownav ul { width: 100%; overflow: hidden; }

.header_warp .header .center .shownav ul li { width: 105%; }

.header_warp .header .center .shownav ul li .item { display: block; float: left; width: 135px; height: 130px; background: #f9fafb; border-radius: 10px; overflow: hidden; margin: 0 19px 20px 0; text-align: center; padding: 20px 10px 0; }

.header_warp .header .center .shownav ul li .item .ico { height: 50px; margin: 0 auto; display: block; position: relative; margin-bottom: 5px; }

.header_warp .header .center .shownav ul li .item .ico img { max-width: 90%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.header_warp .header .center .shownav ul li .item .name { height: 30px; line-height: 30px; overflow: hidden; width: 100%; font-size: 16px; }

.header_warp .header .center .shownav ul li .item p { height: 30px; line-height: 30px; color: #777; font-size: 12px; }

/*底部*/
.fotter_wrap { position: relative; z-index: 1; }

.fotter_wrap .fotter { background-color: #2a2a32; color: #818181; padding: 45px 0; text-align: center; }

.fotter_wrap .fotter a { color: #818181; margin: 0 12px; }

.fotter_wrap .fotter > a { margin: 0 12px; }

.fotter_wrap .fotter .jubao { display: block; margin: 0; padding-bottom: 15px; }

.fotter_wrap .fotter .jubao img { width: 165px; }

.fotter_wrap .fotter a:hover { color: #cdcdcd; }

.fotter_wrap .fotter p { padding-top: 20px; }

/*面包屑*/
.curmb { height: 20px; line-height: 20px; font-size: 12px; color: #626675; overflow: hidden; padding-bottom: 20px; white-space: nowrap; }

.curmb i { height: 15px; width: 17px; background-position: -236px 0; display: inline-block; vertical-align: middle; margin: -5px 4px 0 0; }

.curmb a { color: #626675; }

.curmb a:hover { color: #0066ff; }

.common { width: 100%; }

.common .ContL { float: left; margin-right: 30px; }

.common .ContR { float: right; }

.title { height: 30px; overflow: hidden; line-height: 30px; }

.title .bt { float: left; font-size: 18px; font-weight: bold; color: #222; }

.title .bt u { display: inline-block; vertical-align: middle; width: 5px; height: 18px; background-color: #0066ff; border-radius: 2px; margin: -2px 5px 0 0; }

.title .bt3 { float: left; font-size: 18px; font-weight: bold; color: #222; position: relative; line-height: 20px; height: 100%; }

.title .bt3::before { content: ''; display: block; left: 0; bottom: -5px; width: 100%; height: 4px; background-color: #0066ff; border-radius: 2px; position: absolute; }

.title .bt2 { font-size: 22px; float: left; font-weight: bold; color: #222; }

.title .bt2 span { color: #888888; font-size: 16px; }

.title .more { float: right; color: #a1a1a1; font-size: 14px; }

.title .more:hover { color: #0066ff; text-decoration: underline; }

.title .report { text-decoration: none !important; cursor: pointer; float: right; color: #666666; }

.title .report i { height: 16px; width: 16px; background-position: -149px 0; display: inline-block; vertical-align: middle; margin: -3px 5px 0 0; }

.title.titlebt3 { padding-bottom: 20px; }

.warpbjfff { border-radius: 5px; background: #fff; padding: 30px 30px 20px 30px; }

.warpbjfff .infornav { float: left; width: 100px; margin-right: 30px; }

.warpbjfff .infornav ul li a { display: block; width: 100%; height: 40px; background-color: #f5f4f4; border-radius: 5px; text-align: center; margin-bottom: 10px; line-height: 40px; font-size: 15px; }

.warpbjfff .infornav ul li a:hover { background: #e5f2ff; color: #0066ff; text-decoration: underline; }

.warpbjfff .infornav ul .on a { background: #0066ff; color: #fff; }

.warpbjfff .infornav ul .on a:hover { background: #0066ff; color: #fff; text-decoration: none; }

.warpbjfff .news_center { padding: 0; }

.warpbjfff .news_center p { margin: 20px 0; }

.warpbjfff .common { width: calc(100% - 130px); float: right; }

.warpbjfff .common .ContL { width: 700px; }

.warpbjfff .common .ContR { width: 280px; }

.warpbjfff.newswarp .infornav { width: 80px; }

.warpbjfff.newswarp .common { width: calc(100% - 110px); }

.warpbjfff.newswarp .common .ContL { width: 720px; }

.warpbjfff.usercenterwarp { padding: 0; }

.warpbjfff.usercenterwarp .infornav { padding-top: 10px; width: 180px; }

.warpbjfff.usercenterwarp .infornav ul { width: 160px; margin: 0 auto; }

.warpbjfff.usercenterwarp .common { width: calc(100% - 210px); }

.warpbjfff.usercenterwarp .common .ContL { padding-top: 10px; width: 680px; }

.warpbjfff.usercenterwarp .common .ContR { width: 280px; padding-top: 10px; }

.warpbjfff.aboutwrap { padding: 0; }

.warpbjfff.aboutwrap .infornav { width: 140px; margin-right: 50px; }

.warpbjfff.aboutwrap .common { width: calc(100% - 190px); }

/*暂无内容*/
.content_nodata { padding: 100px 20px; text-align: center; }

.content_nodata img { width: 126px; height: 93px; display: inline-block; vertical-align: middle; }

.content_nodata .text { display: inline-block; vertical-align: middle; max-width: 200px; text-align: left; padding-left: 10px; }

.content_nodata .text .bt { height: 30px; line-height: 30px; font-size: 16px; }

.content_nodata .text p { line-height: 22px; padding-top: 5px; overflow: hidden; max-height: 44px; }

.content_nodata .text p a { color: #0066ff; cursor: pointer; padding: 0 2px; }

.content_nodata .text p a[href]:hover { text-decoration: underline; }

/*btn弹出层*/
.showbox_btn { width: 300px; padding-left: 7px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -307px; color: #222222; text-align: left; display: none; z-index: 10; }

.showbox_btn::before { content: ''; display: block; position: absolute; left: 0; top: 50%; margin-top: -7px; border-right: 7px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }

.showbox_btn a { color: #222222; }

.showbox_btn .box { -webkit-box-shadow: 0px 4px 13px 0px rgba(18, 18, 18, 0.3); box-shadow: 0px 4px 13px 0px rgba(18, 18, 18, 0.3); background-color: #ffffff; height: 100%; border-radius: 10px; }

.showbox_btn .box .bt { height: 56px; border-bottom: 1px solid #f1f1f1; line-height: 56px; font-size: 16px; padding: 0 20px; margin-bottom: 15px; overflow: hidden; }

.showbox_btn .box .lis { padding: 0 20px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 40px; line-height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.showbox_btn .box .lis i { display: block; margin-right: 10px; width: 28px; }

.showbox_btn .box .lis a { cursor: default; }

.showbox_btn .box .lis a[href]:hover { color: #0066ff; text-decoration: underline; cursor: pointer; }

.showbox_btn .box .lis span { font-size: 14px; }

.showbox_btn .box .lis .icoxl { height: 24px; background-position: -226px -82px; }

.showbox_btn .box .lis .icodown { height: 20px; background-position: -153px -83px; }

.showbox_btn .box .lis .icobd { height: 20px; background-position: -191px -83px; }

.showbox_btn .box .Pgame { width: auto; padding-right: 5px; }

.showbox_btn .box .Pgame img { height: auto; width: 25%; margin-right: 7px; }

.showbox_btn .box .Pgame span { font-size: 13px; font-weight: bold; color: #ffa800; }

.showbox_btn .box .Pgame u { font-size: 12px; display: inline-block; vertical-align: middle; margin: -3px 2px 0; color: #fff; height: 20px; line-height: 18px; border-radius: 5px 0 5px 0; padding: 0 3px; background: #d40606; }

.showbox_btn .box .Pgame s { font-size: 12px; display: inline-block; vertical-align: middle; margin: -3px 2px 0; color: #fff; height: 20px; line-height: 18px; border-radius: 0 5px 0 5px; padding: 0 3px; background: #7abf05; }

.showbox_btn .box .imgsao { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.showbox_btn .box .imgsao img { width: 110px; height: 110px; display: block; }

.showbox_btn .box .imgsao .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 15px; overflow: hidden; font-size: 14px; max-height: 110px; }

.showbox_btn .box .imgsao .text .bt_sao { height: 35px; line-height: 35px; width: 100%; overflow: hidden; }

.showbox_btn .box .imgsao .text p { font-size: 12px; color: #787878; line-height: 20px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.showbox_btn .box .down_tab { padding: 0; margin-top: -5px; padding-bottom: 15px; }

.showbox_btn .box .down_tab .tab { display: inline-block; vertical-align: middle; margin: 3px 0 3px 20px; height: 30px; line-height: 30px; }

.showbox_btn .box .down_tab .tab .ico { display: inline-block; vertical-align: middle; background: url("../images/ico_tab.png") no-repeat center; margin: -2px 5px 0 0; width: 22px; height: 22px; }

.showbox_btn .box .down_tab .tab span { color: #ff5353; font-size: 12px; }

.showbox_btn .box .down_tab .tab span u { text-decoration: line-through; }

.showbox_btn .box .down_tab .tab:hover { color: #0066ff; }

.showbox_btn .box .down_tab .tab:hover .ico { background-position-y: -40px; }

.showbox_btn .box .down_tab .anzhuo .ico { background-position: 0 0; }

.showbox_btn .box .down_tab .iphone .ico { background-position: -27px 0; }

.showbox_btn .box .down_tab .mac .ico { background-position: -57px 0; }

.showbox_btn .box .down_tab .ps .ico { background-position: -87px 0; width: 25px; }

.showbox_btn .box .down_tab .xbox .ico { background-position: -117px 0; }

.showbox_btn .box .down_tab .pc .ico { background-position: -147px 0; }

.showbox_btn .box .tex { padding: 15px 20px 20px; font-size: 14px; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.showbox_btn .box .tex a { color: #ffa800; }

.showbox_btn .box .tex span { color: #0066ff; }

/*下载提示*/
.down_Tips { border: solid 1px #d4d4d4; height: 40px; border-radius: 5px; width: 100%; color: #9c9c9c; font-size: 14px; line-height: 40px; text-align: center; margin: 15px 0; color: #f57575; }

.down_Tips a { color: #9c9c9c; }

.down_Tips a:hover { color: #f57575; }

.switchnav { border-bottom: 1px solid #ebebeb; height: 45px; line-height: 45px; text-align: center; font-size: 18px; font-weight: bold; }

.switchnav li { display: inline-block; vertical-align: middle; padding: 0 5px; margin: 0 15px; position: relative; cursor: pointer; }

.switchnav li span { color: #9c9c9c; padding: 0 5px; font-weight: normal; font-size: 16px; }

.switchnav li::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; content: ''; display: none; left: 0; bottom: 0; background: #0066ff; }

.switchnav li:hover::after { display: block; }

.switchnav .on::after { display: block; }

.switchnav.mg20 + .evaluatewarp { padding-top: 0; }

.switchnav2 { border-bottom: 1px solid #ebebeb; font-size: 16px; }

.switchnav2 + .Cont1 { padding-top: 20px; }

.switchnav2 ul { overflow: hidden; }

.switchnav2 li { float: left; padding: 0 11px; color: #454545; line-height: 30px; position: relative; }

.switchnav2 li a { color: #454545; display: block; position: relative; padding-bottom: 5px; }

.switchnav2 li a::after { display: none; position: absolute; content: ''; left: 10%; bottom: 0px; height: 3px; background: #0066ff; width: 80%; }

.switchnav2 li a:hover { color: #222; }

.switchnav2 li a:hover::after { display: block; }

.switchnav2 .on { font-weight: bold; color: #222; }

.switchnav2 .on a { color: #222; }

.switchnav2 .on a::after { display: block; }

.switchnav2.them { border: none; }

.switchnav3 { overflow: hidden; }

.switchnav3 li { float: left; }

.switchnav3 li a { padding: 0 11px; color: #454545; display: block; position: relative; height: 25px; line-height: 25px; border-radius: 5px; margin: 0 20px 10px 0; background: #f2f2f2; }

.switchnav3 li a:hover { color: #0066ff; background: #e5f2ff; }

.switchnav3 .on { font-weight: bold; }

.switchnav3 .on a { color: #fff !important; background: #0066ff !important; }

.switchphb { margin: 30px 0; display: block; text-align: center; }

.switchphb .btn { height: 50px; border-radius: 5px; border: solid 1px #007bff; text-align: center; padding: 0 20px; text-align: center; min-width: 70px; display: inline-block; vertical-align: middle; margin: 0 15px; color: #0066ff; line-height: 50px; font-size: 18px; cursor: pointer; }

.switchphb .btn i { display: inline-block; vertical-align: middle; height: 20px; width: 20px; background-position: -119px -191px; margin: -2px 5px 0 0; }

.switchphb .btn:hover, .switchphb .btn.on { background: #0066ff; color: #fff; }

.switchphb .btn:hover i, .switchphb .btn.on i { background-position: -119px -161px; }

/*详情轮播*/
.inforlunbox { margin: 20px 0 10px; overflow: hidden; position: relative; }

.inforlunbox:hover .prev, .inforlunbox:hover .next { display: block; }

.inforlunbox .bd { width: 500px; margin: 0 auto; height: 100%; position: relative; z-index: 1; }

.inforlunbox .bd ul li { float: left; position: relative; }

.inforlunbox .bd ul li .img { width: 100%; height: 100%; display: block; overflow: hidden; }

.inforlunbox .sp_l, .inforlunbox .sp_r { z-index: 10; position: absolute; top: 0; height: 100%; height: 100%; width: 100px; background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); zoom: 1; background: rgba(255, 255, 255, 0.5); }

.inforlunbox .sp_l { left: 0; }

.inforlunbox .sp_r { right: 0; }

.inforlunbox.lunbox_w { height: 300px; }

.inforlunbox.lunbox_w .tempWrap { margin-left: -500px; }

.inforlunbox.lunbox_w li { width: 500px; height: 300px; }

.inforlunbox.lunbox_h { height: 437px; }

.inforlunbox.lunbox_h .bd { width: 233px; }

.inforlunbox.lunbox_h .tempWrap { margin-left: -233px; }

.inforlunbox.lunbox_h li { width: 233px; height: 437px; }

.inforlunbox.lunbox_h .sp_l, .inforlunbox.lunbox_h .sp_r { width: 233px; }

.inforlunbox .prev, .inforlunbox .next { display: none; position: absolute; width: 45px; height: 90px; display: block; background-position: 0 -153px; top: 50%; margin-top: -45px; cursor: pointer; }

.inforlunbox .prev:hover, .inforlunbox .next:hover { opacity: 0.9; }

.inforlunbox .prev { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.inforlunbox .next { right: 0px; }

/*资源详情*/
.score { font-size: 12px; color: #666666; }

.score span { color: #ee3e31; font-style: italic; font-size: 36px; font-weight: bold; font-family: SimHei; }

.score span:first-child { font-size: 48px; letter-spacing: -5px; }

.score span:last-child { padding-right: 5px; }

.Scrolltab .tabbox { padding-bottom: 20px; }

.Scrolltab .tabbox.news_center { padding-top: 0; }

.zyitem1_warp .zyitem1 { margin-bottom: 30px; }

.zyitem1_warp .zyitem1 .infor2 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 5px 0 0; height: auto; }

.zyitem1_warp .zyitem1 .infor2 .text { padding-top: 6px; margin-bottom: 10px; }

.zyitem1_warp + .pages .pagewrap { padding-top: 0; }

.zyitem1 { position: relative; height: 230px; }

.zyitem1 .img { height: 100%; width: 100%; overflow: hidden; border-radius: 5px; background-color: #f8f8f8; }

.zyitem1 .img .tip_ { padding-top: 50px; text-align: center; color: #959595; font-size: 14px; line-height: 25px; }

.zyitem1 .img .tip_ span { font-size: 18px; display: block; }

.zyitem1 .infor { position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; background: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; }

.zyitem1 .infor .img { width: 46px; height: 46px; border-radius: 10px; margin: 0 0 0 20px; }

.zyitem1 .infor .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 255px; overflow: hidden; padding-left: 20px; }

.zyitem1 .infor .text .name { color: #fff; font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; display: block; width: 100%; }

.zyitem1 .infor .text .p { height: 20px; line-height: 20px; font-size: 14px; }

.zyitem1 .infor .text .p span { cursor: pointer; padding: 0 10px; }

.zyitem1 .infor .text .p span i { display: inline-block; vertical-align: middle; height: 14px; width: 14px; margin: -3px 5px 0 0; background-position: -215px -30px; }

.zyitem1 .infor .text .p span .icozan { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); margin-top: -5px; }

.zyitem1 .infor .text .p .on .icozan { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }

.zyitem1 .infor .text .p .on i { background-position: -237px -31px; }

.zyitem1 .infor .text .p .on .ico_inverted { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

.zyitem1 .infor2 { height: 85px; }

.zyitem1 .infor2 .text { padding: 0 20px; }

.zyitem1 .infor2 .text .p { height: 30px; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.zyitem1 .infor2 .text .p span { padding-right: 0; margin-left: 10px; }

.zyitem1 .infor2 .text .p .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.zyitem1 .infor2 .text .p .flex1 .name { width: auto; float: left; max-width: 80%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.zyitem1 .infor2 .tex { margin-bottom: 5px; text-align: justify; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.zyitem1 .btn { display: block; min-width: 90px; padding: 0 10px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #0066ff; border-radius: 5px; position: absolute; right: 20px; top: 95px; cursor: pointer; }

.zyitem1 .btn > a { color: #fff; }

.zyitem1 .btn:hover .showbox_btn { display: block; }

.zyitem1 .down { top: 175px; }

.zyitem1 .down .showbox_btn { width: 350px; right: -357px; }

.zyitem1 .anzhuo { background: #ff0000; top: 175px; right: 145px; }

.zyitem2 { padding: 15px 0 0; }

.zyitem2 .item_1 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 10px; }

.zyitem2 .item_1 .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.zyitem2 .item_1 .list .tab { display: block; float: left; padding: 0 8px; height: 28px; line-height: 28px; border: solid 1px #0066ff; color: #0066ff; border-radius: 5px; font-size: 14px; margin: 5px 10px 5px 0; }

.zyitem2 .item_1 .list .tab:hover { opacity: 0.8; }

.zyitem2 .item_1 .list .tab i { display: inline-block; vertical-align: middle; margin: -4px 5px 0 0; }

.zyitem2 .item_1 .list .tab1 { background: #ffded1; border-color: #ffded1; color: #ff5116; }

.zyitem2 .item_1 .list .tab2 { border-color: #009303; color: #009303; }

.zyitem2 .item_1 .list .tab3 { border-color: #fd491f; color: #fd491f; }

.zyitem2 .item_1 .list .tab3 i { height: 14px; width: 14px; background-position: -73px 0; }

.zyitem2 .item_1 .list .tab3 { border-color: #fd491f; color: #fd491f; }

.zyitem2 .item_1 .list .tab4 { background: #bfbf00; border-color: #bfbf00; color: #fff; padding: 0 5px; }

.zyitem2 .item_1 .list .tab5 { border-color: #ffb400; color: #ffb400; }

.zyitem2 .item_1 .list .tab5 i { height: 16px; width: 18px; background-position: -233px -57px; }

.zyitem2 .item_1 .list .tab6 i { height: 18px; width: 15px; background-position: -212px -54px; }

.zyitem2 .item_1 .list .tab7 { border-color: #15c5ce; color: #15c5ce; }

.zyitem2 .item_1 .score { padding-right: 20px; }

.zyitem2 .item_2 { color: #666666; }

.zyitem2 .item_2 .p_ { line-height: 35px; padding: 5px 0; }

.zyitem2 .item_2 .p_ .li_ { padding-right: 20px; }

.zyitem2 .item_2 .p_ .btn { display: inline-block; vertical-align: middle; height: 35px; background: #edeeee; border-radius: 5px; padding: 0 10px; color: #222; cursor: pointer; margin: 0px 10px 2px 0; position: relative; }

.zyitem2 .item_2 .p_ .btn:hover .showbox_btn { display: block; }

.zyitem2 .item_2 .p_ .btn > a { color: #222; }

.zyitem2 .item_2 .p_ .btn > a:hover { color: #0066ff; }

.zyitem2 .item_2 .p_ .btn u { font-size: 14px; color: #ff5353; }

.zyitem2 .item_2 .p_ .btn u i { text-decoration: line-through; }

.zyitem2 .item_2 .p_ .on { background: #e5f2ff; color: #0066ff; }

.zyitem3 { padding-bottom: 20px; }

.zyitem3 .list { padding: 10px 0 0; }

.zyitem3 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; color: #888888; height: 44px; line-height: 44px; border-bottom: 1px solid #e6e6e6; }

.zyitem3 .list li p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; color: #222; overflow: hidden; }

.zyitem3 .list li p span { cursor: pointer; }

.zyitem3 .list li p i { height: 16px; width: 9px; background-position: -126px -126px; display: inline-block; vertical-align: middle; margin: -3px 5px 0; }

.zyitem4 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; width: 285px; padding: 15px 0; float: left; }

.zyitem4 .list li:nth-child(2n) { float: right; }

.zyitem4 .list li .img { display: block; overflow: hidden; width: 80px; height: 80px; border-radius: 10px; }

.zyitem4 .list li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 10px; position: relative; }

.zyitem4 .list li .infor .score { position: absolute; right: 0; top: -7px; }

.zyitem4 .list li .infor .name { display: block; width: 60%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 30px; line-height: 30px; padding-bottom: 20px; }

.zyitem4 .list li .infor .tab_btn { height: 30px; overflow: hidden; }

.zyitem4 .list li .infor .tab_btn .btn { display: block; height: 30px; line-height: 30px; margin: 0 10px 0 0; float: left; background-color: #f3f5f7; border-radius: 5px; padding: 0 7px; color: #666666; font-size: 14px; }

.zyitem4 .list li .infor .tab_btn .btn:hover, .zyitem4 .list li .infor .tab_btn .btn.on { background: #e5f2ff; color: #0066ff; }

.news_top { padding-bottom: 10px; }

.news_top .h1_bt .lab { display: inline-block; vertical-align: middle; border: 1px solid #0066ff; height: 26px; padding: 0 5px; color: #0066ff; line-height: 26px; border-radius: 5px; }

.news_top .h1_bt h1 { display: inline; vertical-align: middle; font-size: 26px; font-weight: bold; color: #222; }

.news_top .lab_ { padding: 20px 0 10px; line-height: 30px; color: #888888; border-bottom: 1px solid #f2f2f2; }

.news_top .lab_ span { padding-right: 30px; }

/*正文*/
.news_center { color: #444; line-height: 30px; font-size: 16px; padding: 20px 0; word-break: break-all; }

.news_center table, .news_center video, .news_center iframe, .news_center embed { max-width: 100%; margin: 5px auto; }

.news_center table { line-height: 30px; }

.news_center img { max-width: 100%; }

.news_center p > img { margin: 10px auto; cursor: pointer; display: block; }

.news_center h3 { padding-top: 5px; font-size: 20px; line-height: 50px; font-weight: bold; }

.news_center p a { color: #444; text-underline-offset: 5px; text-decoration: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; }

.news_center p a:hover { color: #0066ff; }

.news_center .newslist ul li { background-color: #f8f8f8; border-radius: 5px; border-bottom: none; margin: 10px 0; padding: 20px; }

.news_center .Cont1 .lis { margin: 10px 0; background-color: #f8f8f8; }

.news_center .Cont1 .shadow, .news_center .newslist ul .shadow { -webkit-box-shadow: 0px 1px 12px 1px rgba(18, 18, 18, 0.14); box-shadow: 0px 1px 12px 1px rgba(18, 18, 18, 0.14); background: #fff; }

.news_center .template_tex { opacity: 0.5; margin: 20px 0; border-left: 3px solid rgba(0, 0, 0, 0.4); padding-left: 10px; }

/*正文导航*/
.news_centernav { color: #888888; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 30px; }

.news_centernav .p_lis { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.news_centernav .p_lis p { cursor: pointer; }

.news_centernav .p_lis p:hover { color: #0066ff; }

/*攻略列表*/
.newslist ul li { padding: 10px 0; border-bottom: 1px solid #eee; font-size: 14px; color: #444; }

.newslist ul li:last-child { border: none; }

.newslist ul li .name { overflow: hidden; font-weight: bold; display: block; font-size: 16px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.newslist ul li .p { height: 20px; line-height: 20px; overflow: hidden; }

.newslist ul li .p .time { float: left; padding-right: 20px; }

.newslist ul li .p a { float: left; color: #888; }

.newslist ul li .p a[href]:hover { color: #0066ff; }

.newslist ul li .p .zan { color: #ababab; cursor: pointer; }

.newslist ul li .p .zan i { display: inline-block; vertical-align: middle; height: 14px; width: 14px; margin: -3px 5px 0 0; background-position: -49px 0; }

.newslist ul li .p .pl { color: #ababab; cursor: pointer; }

.newslist ul li .p .pl i { display: inline-block; vertical-align: middle; height: 13px; width: 14px; margin: -3px 5px 0 0; background-position: -124px 0; }

.newslist ul li .img { display: block; width: 220px; height: 100px; border-radius: 5px; overflow: hidden; }

.newslist ul li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.newslist ul li .img_lis { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.newslist ul .them1 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; }

.newslist ul .them1 .img { width: 180px; }

.newslist ul .them1 .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 0 0 20px; }

.newslist ul .them1 .infor .name { line-height: 20px; margin-bottom: 7px; }

.newslist ul .them1 .infor .tex { line-height: 26px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; }

.newslist .them .them1 .infor { padding: 0 20px 0 0; }

.newslist .them .them1 .infor .name { height: 30px; line-height: 30px; }

.newslist .them .them1 .infor .tex { line-height: 29px; }

.newslist .them .them1 .img { width: 210px; height: 130px; }

.zq_common .newslist ul li .img { width: 260px; height: 120px; }

.zq_common .newslist ul li .p { height: 30px; line-height: 30px; }

.ContL > .newslist .title { padding-bottom: 20px; }

.ContL > .newslist li:first-child { padding-top: 0; }

/*资源列表*/
.Cont1 .lis { border-radius: 5px; padding: 10px 20px 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.Cont1 .lis:hover { background-color: #f8f8f8; }

.Cont1 .lis .imgfl { width: 100px; padding-top: 10px; }

.Cont1 .lis .imgfl .img { height: 100px; display: block; border-radius: 15px; overflow: hidden; }

.Cont1 .lis .imgfl .saletime { text-align: center; height: 30px; line-height: 30px; color: #555555; font-size: 16px; font-weight: bold; padding-top: 10px; }

.Cont1 .lis .imgfl .btnbox { width: 80px; height: 40px; display: block; margin: 0 auto; margin-top: 30px; position: relative; }

.Cont1 .lis .imgfl .btnbox .btn { width: 100%; height: 100%; border-radius: 5px; display: block; text-align: center; line-height: 40px; background-color: #f1f1f1; }

.Cont1 .lis .imgfl .btnbox:hover .btn { background-color: #0066ff; color: #fff; }

.Cont1 .lis .imgfl .btnbox:hover .showbox_btn { display: block; }

.Cont1 .lis .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; position: relative; overflow: hidden; padding-top: 10px; }

.Cont1 .lis .infor .score { position: absolute; top: 10px; right: 0; line-height: 30px; }

.Cont1 .lis .infor .name { line-height: 30px; display: block; width: 90%; }

.Cont1 .lis .infor .name a { font-weight: bold; font-size: 18px; display: inline-block !important; vertical-align: middle; max-width: 80%; padding: 2px 0; line-height: 26px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Cont1 .lis .infor .num { display: inline-block; vertical-align: middle; height: 34px; width: 26px; line-height: 39px; font-weight: bold; font-size: 20px; font-style: italic; background-position: -196px -122px; margin: -2px 5px 0; padding-left: 7px; color: #fefefe; }

.Cont1 .lis .infor .num1 { background-position: -154px -167px; color: #ee3e31; }

.Cont1 .lis .infor .num2 { background-position: -155px -122px; color: #464646; }

.Cont1 .lis .infor .num3 { background-position: -198px -167px; color: #ff5602; }

.Cont1 .lis .infor .lab_p { padding: 5px 0; width: 80%; overflow: hidden; }

.Cont1 .lis .infor .lab_p .lab { line-height: 30px; background-color: #ededee; border-radius: 5px; display: inline-block; vertical-align: middle; padding: 0 10px; font-size: 14px; margin: 5px 5px 0 0; color: #666666; }

.Cont1 .lis .infor .lab_p .lab:hover { color: #0066ff; background: #e5f2ff; }

.Cont1 .lis .infor .p { height: 30px; line-height: 30px; overflow: hidden; }

.Cont1 .lis .infor .p span { color: #666666; padding-right: 40px; }

.Cont1 .lis .infor .p_mfr { height: 30px; line-height: 30px; overflow: hidden; color: #ff9000; font-weight: bold; font-size: 16px; }

.Cont1 .lis .infor .text { color: #444; line-height: 26px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 5px; }

.Cont1 .lis .infor .tabbox { border: none; padding: none; }

.Cont1 .tabbox { overflow: hidden; }

.Cont1 .tabbox .tab { display: block; float: left; padding: 0 8px; height: 28px; line-height: 28px; border: solid 1px #0066ff; color: #0066ff; border-radius: 5px; font-size: 14px; margin: 5px 10px 5px 0; }

.Cont1 .tabbox .tab:hover { opacity: 0.8; }

.Cont1 .tabbox .tab i { display: inline-block; vertical-align: middle; margin: -4px 5px 0 0; }

.Cont1 .tabbox .tab1 { background: #ffded1; border-color: #ffded1; color: #ff5116; }

.Cont1 .tabbox .tab2 { border-color: #009303; color: #009303; }

.Cont1 .tabbox .tab3 { border-color: #fd491f; color: #fd491f; }

.Cont1 .tabbox .tab3 i { height: 14px; width: 14px; background-position: -73px 0; }

.Cont1 .tabbox .tab3 { border-color: #fd491f; color: #fd491f; }

.Cont1 .tabbox .tab4 { background: #bfbf00; border-color: #bfbf00; color: #fff; padding: 0 5px; }

.Cont1 .tabbox .tab5 { border-color: #ffb400; color: #ffb400; }

.Cont1 .tabbox .tab5 i { height: 16px; width: 18px; background-position: -233px -57px; }

.Cont1 .tabbox .tab6 i { height: 18px; width: 15px; background-position: -212px -54px; }

.Cont1 .tabbox .tab7 { border-color: #15c5ce; color: #15c5ce; }

.Cont1 .pf { width: 36px; height: 36px; background: #f2f2f2; margin-top: 10px; border-radius: 50%; text-align: center; line-height: 36px; color: #e7891a; font-weight: bold; position: absolute; font-size: 16px; top: 0; right: 0; }

.Cont1 .tablink { border-top: solid 1px #dbdbdb; height: 36px; line-height: 36px; }

.Cont1 .tablink .tab { display: block; float: left; padding-left: 15px; font-size: 12px; color: #555; }

.Cont1 .tablink .tab:hover { color: #0066ff; }

.Cont1 .tablink .tab i { display: inline-block; vertical-align: middle; margin: -1px 5px 0 0; background: url("../images/icozqtab.png") no-repeat center; }

.Cont1 .tablink .tab .ico2 { height: 29px; width: 18px; background-position: -35px 0; }

.Cont1 .tablink .tab .ico4 { height: 28px; width: 23px; background-position: -104px 0; }

.Cont1 .tablink .tab .ico1 { height: 29px; width: 26px; background-position: 0 0; }

.Cont1 .tablink .tab .ico3 { height: 23px; width: 20px; background-position: -70px 0; }

.Cont1 .lisbox { border: solid 1px #dbdbdb; border-radius: 10px; overflow: hidden; margin-bottom: 20px; }

.Cont1 .lisbox .lis { padding-bottom: 10px; }

.Cont1 .lisbox .tabbox { padding: 0 10px; padding-bottom: 10px; }

.Cont1 .lisbox .lis:hover { background: none; }

/*全部版本*/
.warplist_box { padding-top: 20px; }

.warplist_box .Cont1 { padding-top: 20px; }

.warplist_box .Cont1 .lis { border-bottom: 1px solid #ebebeb; }

.warplist_box .Cont1 .title { padding-bottom: 5px; }

.Cont2 .imgbt { width: 100%; height: 120px; display: block; margin: 20px 0; position: relative; background: #f5f5f5; border-radius: 5px; overflow: hidden; }

.Cont2 .imgbt img { width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; }

.Cont2 .list .lis { float: left; border-radius: 5px; border: solid 1px #cfcfcf; height: 40px; line-height: 40px; padding: 0 10px; margin: 0 20px 20px 0; }

.Cont2 .list .lis:hover { color: #0066ff; border-color: #0066ff; text-decoration: underline; }

.Cont2 .list .on { border-color: #0066ff; background: #0066ff; color: #fff !important; text-decoration: none !important; }

.Cont2 table { line-height: 30px; margin: 10px 0 20px; font-size: 16px; }

.Cont2 table td { padding: 5px 0; }

/*资源列表 -精选合集*/
.Cont3 .list { overflow: hidden; padding: 0 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #ebebeb; }

.Cont3 .list .bt_box { float: left; width: 250px; padding-top: 20px; max-height: 220px; overflow: hidden; }

.Cont3 .list .bt_box .img { height: 130px; width: 100%; border-radius: 5px; overflow: hidden; display: block; text-align: center; line-height: 130px; color: #555555; font-size: 16px; }

.Cont3 .list .bt_box .name { line-height: 24px; overflow: hidden; padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Cont3 .list .bt_box .name a { margin: 8px 0; display: inline-block; vertical-align: middle; max-width: 75%; font-size: 16px; font-weight: bold; overflow: hidden; max-height: 48px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Cont3 .list .bt_box .name span { color: #8c8c8d; }

.Cont3 .list .bt_box .text { color: #777777; line-height: 22px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Cont3 .list ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.Cont3 .list ul li { float: left; width: 205px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; padding: 20px 0 0 20px; }

.Cont3 .list ul li .img { display: block; width: 60px; height: 60px; border-radius: 10px; overflow: hidden; }

.Cont3 .list ul li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; overflow: hidden; }

.Cont3 .list ul li .infor .name { height: 20px; line-height: 20px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Cont3 .list ul li .infor .name a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; font-size: 16px; height: 20px; display: block; }

.Cont3 .list ul li .infor .name a:hover { text-decoration: underline; }

.Cont3 .list ul li .infor .name span { width: 35px; height: 17px; background-color: #ee3e31; border-radius: 9px; line-height: 17px; text-align: center; display: block; color: #fff; font-family: SimHei; font-style: italic; }

.Cont3 .list ul li .infor .p { font-size: 12px; color: #777777; height: 36px; padding-top: 4px; line-height: 18px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

/*资源列表 -频道地图*/
.Cont4 { overflow: hidden; }

.Cont4 .list { border-bottom: 1px solid  #ebebeb; padding-top: 20px; }

.Cont4 .list .title { padding-bottom: 15px; }

.Cont4 .list .lis { width: 720px; }

.Cont4 .list .lis a { height: 38px; line-height: 38px; padding: 0 20px; border-radius: 5px; border: solid 1px #e7e7e7; color: #797979; font-size: 16px; float: left; display: block; margin: 0 20px 20px 0; }

.Cont4 .list .lis a:hover, .Cont4 .list .lis a.on { background: #0066ff; color: #fff; }

/*资源列表 -精彩专区*/
.Cont5 .list { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; }

.Cont5 .list .imgbt { width: 250px; height: 266px; position: relative; margin-top: 20px; border-radius: 5px; overflow: hidden; }

.Cont5 .list .imgbt .img { width: 100%; height: 100%; display: block; }

.Cont5 .list .imgbt .text { height: 65px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: 0; bottom: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, 0.7); overflow: hidden; color: #fff; }

.Cont5 .list .imgbt .text .img { width: 40px; height: 40px; border-radius: 10px; margin-left: 13px; }

.Cont5 .list .imgbt .text .name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; font-size: 16px; font-weight: bold; padding: 0 0 0 10px; overflow: hidden; height: 40px; line-height: 40px; }

.Cont5 .list .imgbt .text .name:hover { text-decoration: underline; color: #0066ff; }

.Cont5 .list .imgbt .text .pf { font-family: SimHei; font-size: 31px; font-weight: bold; font-style: italic; color: #ee3e31; padding-right: 20px; letter-spacing: -4px; }

.Cont5 .list .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.Cont5 .list .infor .li_p { padding-top: 4px; }

.Cont5 .list .infor .lis1 .tab { background: #fff; color: #0066ff; border-color: #0066ff !important; }

.Cont5 .list .infor .lis1 .tab:hover, .Cont5 .list .infor .lis1 .tab.on { background: #0066ff; color: #fff; }

.Cont5 .list .infor .tab { background: #f6f6f6; border-radius: 5px; border: 1px solid #f6f6f6; margin: 16px 0 0 20px; float: left; padding: 0 20px; height: 38px; line-height: 40px; }

.Cont5 .list .infor .tab:hover { color: #0066ff; background: #e5f2ff; border-color: #e5f2ff; }

/*用户中心 -关于*/
.Cont6 .list { padding: 0 20px; }

.Cont6 .list li { padding: 20px 0; border-bottom: 1px solid #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Cont6 .list li .img { width: 80px; height: 80px; border-radius: 15px; overflow: hidden; display: block; }

.Cont6 .list li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 20px; }

.Cont6 .list li .infor .name { display: block; width: 100%; height: 30px; line-height: 30px; font-weight: bold; font-size: 16px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.Cont6 .list li .infor .tab_p { overflow: hidden; padding-top: 5px; height: 40px; }

.Cont6 .list li .infor .tab_p .tab { height: 24px; line-height: 24px; padding: 0 10px; background: #f5f5f5; border-radius: 5px; color: #555555; display: block; float: left; margin: 10px 10px 0 0; }

.Cont6 .list li .infor .tab_p .tab:hover { background: #e5f2ff; color: #0066ff; }

.Cont6 .list li .pf { width: 32px; height: 32px; background-color: #f5f5f5; display: block; text-align: center; color: #0066ff; border-radius: 50%; line-height: 32px; font-weight: bold; }

/*攻略列表*/
.Cont7 .list ul li { padding: 15px 0; height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.Cont7 .list ul li .img { width: 150px; height: 200px; border-radius: 5px; display: block; }

.Cont7 .list ul li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 20px; }

.Cont7 .list ul li .infor .name { height: 30px; line-height: 30px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; font-weight: bold; }

.Cont7 .list ul li .infor p { height: 35px; line-height: 35px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Cont7 .list ul li .infor .lis { padding-bottom: 10px; }

.Cont7 .list ul li .infor .lis:last-child { padding-bottom: 0px; }

.Cont7 .list ul li .infor .lis .bt { height: 30px; line-height: 30px; font-size: 12px; overflow: hidden; }

.Cont7 .list ul li .infor .lis .p_btn { overflow: hidden; height: 32px; }

.Cont7 .list ul li .infor .lis .p_btn a { border: solid 1px #ececec; height: 30px; border-radius: 5px; width: 21%; display: block; float: left; margin-right: 2%; text-align: center; line-height: 30px; overflow: hidden; padding: 0 1%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Cont7 .list ul li .infor .lis .p_btn a:last-child { margin-right: 0; }

.Cont7 .list ul li .infor .lis .p_btn a.on { background: #0066ff; color: #fff; }

.Cont8 .switchnav2 { padding-top: 10px; font-size: 14px; }

/*右侧的内容*/
.Ritem1 { padding-bottom: 20px; }

.Ritem1 .item { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 55px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; }

.Ritem1 .item .img { width: 55px; height: 55px; border-radius: 10px; overflow: hidden; display: block; }

.Ritem1 .item .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; overflow: hidden; }

.Ritem1 .item .infor .name { display: block; height: 20px; line-height: 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding-bottom: 5px; }

.Ritem1 .item .infor .p { height: 20px; font-size: 14px; color: #8d8d8d; line-height: 20px; overflow: hidden; }

.Ritem1 .lunbox { margin: 0 20px; height: 40px; display: block; position: relative; }

.Ritem1 .lunbox:hover .prev, .Ritem1 .lunbox:hover .next { display: block; }

.Ritem1 .lunbox .bd { width: 180px; height: 40px; overflow: hidden; margin: 0 auto; }

.Ritem1 .lunbox .bd li { display: block; float: left; margin-right: 6px; }

.Ritem1 .lunbox .bd li .img { width: 40px; height: 40px; border-radius: 10px; overflow: hidden; display: block; }

.Ritem1 .lunbox .bd li .img:hover { opacity: 0.9; }

.Ritem1 .lunbox .prev, .Ritem1 .lunbox .next { display: block; height: 25px; width: 25px; background-position: -62px -180px; position: absolute; top: 50%; margin-top: -12px; cursor: pointer; display: none; }

.Ritem1 .lunbox .prev:hover, .Ritem1 .lunbox .next:hover { background-position: -61px -215px; }

.Ritem1 .lunbox .prev { left: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.Ritem1 .lunbox .next { right: 0; }

.ContR .Ritem2 .list { width: 300px; }

.Ritem2 .list { padding: 10px 0; }

.Ritem2 .list .lis { display: block; float: left; padding: 0 9px; height: 40px; line-height: 40px; margin: 10px 20px 10px 0; background: #f6f6f6; border-radius: 5px; }

.Ritem2 .list .lis:hover, .Ritem2 .list .lis.on { color: #fff; background: #0066ff; }

.Ritem3 .list { padding: 10px 0; }

.Ritem3 .list .lis { height: 150px; border-radius: 5px; overflow: hidden; display: block; margin-bottom: 10px; position: relative; color: #fff; }

.Ritem3 .list .lis:hover .motai p { text-decoration: underline; }

.Ritem3 .list .lis:hover .motai span { text-decoration: none; }

.Ritem3 .list .lis .motai { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.Ritem3 .list .lis .motai u { font-size: 22px; font-weight: bold; }

.Ritem3 .list .lis .motai p { padding: 0 10px; max-height: 90px; text-align: center; }

.Ritem3 .list .lis .motai span { display: block; font-size: 14px; height: 30px; line-height: 30px; text-decoration: none; padding-top: 5px; }

.Ritem3 .list .lis .motai span i { display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; height: 15px; width: 17px; background-position: -119px -224px; }

.Ritem4 .list { padding: 5px 0 10px; }

.Ritem4 .list li { padding-bottom: 5px; }

.Ritem4 .list li .name { font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; padding-bottom: 5px; }

.Ritem4 .list li .name:hover { text-decoration: underline; }

.Ritem4 .list li .img_lis { width: 288px; }

.Ritem4 .list li .img_lis .img { width: 40px; height: 40px; border-radius: 10px; display: block; overflow: hidden; float: left; margin: 0 8px 8px 0; }

.Ritem5 { padding-bottom: 10px; }

.Ritem5 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; padding: 15px 0; }

.Ritem5 .list li .img { display: block; overflow: hidden; width: 80px; height: 80px; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.Ritem5 .list li .img .tip { width: 52%; color: rgba(0, 0, 0, 0.61); }

.Ritem5 .list li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 10px; position: relative; }

.Ritem5 .list li .infor .score { position: absolute; right: 0; top: -7px; }

.Ritem5 .list li .infor .name { display: block; width: 60%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 30px; line-height: 30px; padding-bottom: 20px; font-size: 16px; }

.Ritem5 .list li .infor .tab_btn { height: 30px; overflow: hidden; }

.Ritem5 .list li .infor .tab_btn .btn { display: block; height: 30px; line-height: 30px; margin: 0 10px 0 0; float: left; background-color: #f3f5f7; border-radius: 5px; padding: 0 7px; color: #666666; font-size: 14px; }

.Ritem5 .list li .infor .tab_btn .btn:hover, .Ritem5 .list li .infor .tab_btn .btn.on { background: #e5f2ff; color: #0066ff; }

.Ritem5 .small li { padding: 10px 0; height: 55px; }

.Ritem5 .small li .img { width: 55px; height: 55px; }

.Ritem5 .small li .infor .name { height: 20px; line-height: 20px; padding-bottom: 10px; font-size: 14px; }

.Ritem5 .small li .infor .tab_btn { height: 20px; }

.Ritem5 .small li .infor .tab_btn .btn { height: 20px; line-height: 20px; }

.Ritem6 .list { padding: 0px 0px 10px 0; }

.Ritem6 .list .lis { display: block; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 7px 0; }

.Ritem6 .list .lis::before { content: ''; display: inline-block; vertical-align: middle; background: #979797; width: 3px; height: 3px; margin: -2px 5px 0 0; }

.Ritem6 .list ul li { float: left; width: 48%; padding-right: 2%; }

.Ritem6 .list ul li:nth-child(2n) { padding-right: 0; padding-left: 2%; }

.Ritem6 .list.them .lis { height: 31px; line-height: 31px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; }

.Ritem6 .list.them ul .lis { margin: 5px 0; height: 24px; line-height: 24px; }

.Ritem6 .btimg { width: 100%; height: 150px; border-radius: 5px; display: block; position: relative; overflow: hidden; margin-top: 10px; color: #fff; cursor: pointer; }

.Ritem6 .btimg:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Ritem6 .btimg .text { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; width: 85%; padding: 0 3%; height: 75px; overflow: hidden; background: rgba(49, 49, 49, 0.57); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.Ritem6 .btimg .text p { word-break: break-all; height: 30px; line-height: 30px; overflow: hidden; text-align: center; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 22px; max-width: 100%; }

.Ritem6 .box-p { font-size: 14px; line-height: 32px; color: #000000; opacity: 0.8; padding: 5px 0 10px; }

.Ritem6 .box-p a { color: #0066ff; cursor: pointer; }

.Ritem7 .list { padding-top: 15px; }

.Ritem7 .list a { float: left; width: 120px; line-height: 38px; height: 38px; border: solid 1px #cfcfcf; border-radius: 5px; display: block; margin: 0px 0px 20px 0; padding: 0 4px; overflow: hidden; text-align: center; }

.Ritem7 .list a:nth-child(2n) { float: right; }

.Ritem7 .list a:hover { border-color: #0066ff; color: #0066ff; }

.Ritem7 .list .more { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.Ritem7 .list .on { background: #0066ff; color: #fff !important; border-color: #0066ff; }

.Ritem8 .list { padding-top: 10px; }

.Ritem8 .list .img { border-radius: 5px; height: 105px; width: 100%; display: block; position: relative; overflow: hidden; color: #fff; margin-bottom: 20px; }

.Ritem8 .list .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Ritem8 .list .img p { position: absolute; width: 100%; height: 25px; line-height: 25px; text-align: center; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); }

.Ritem9 .lunbox { margin: 10px 0 20px; height: 100px; display: block; position: relative; border-radius: 5px; overflow: hidden; }

.Ritem9 .lunbox:hover .next, .Ritem9 .lunbox:hover .prev { display: block; }

.Ritem9 .lunbox .next, .Ritem9 .lunbox .prev { cursor: pointer; position: absolute; width: 25px; height: 25px; top: 50%; margin-top: -12px; background-position: -61px -215px; display: none; }

.Ritem9 .lunbox .prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 5px; }

.Ritem9 .lunbox .next { right: 5px; }

.Ritem9 .lunbox .bd { width: 100%; height: 100px; overflow: hidden; }

.Ritem9 .lunbox .bd li { width: 100%; height: 100px; display: block; }

.Ritem9 .lunbox .bd li .img { width: 100%; height: 100%; position: relative; overflow: hidden; display: block; }

.Ritem9 .lunbox .bd li .img .motai { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 30px; color: #fff; text-decoration: underline; background: rgba(0, 0, 0, 0.5); }

.Ritem10 ul { padding: 10px 0; }

.Ritem10 ul li { float: left; padding: 10px 0; margin-right: 7px; }

.Ritem10 ul li:nth-child(5n) { margin-right: 0px; }

.Ritem10 ul li .img { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; display: block; text-align: center; line-height: 50px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 16px; }

/* 专区 */
.zq_common { width: 100%; padding-top: 20px; }

.zq_common .zqcont1-1 { width: 285px; }

.zq_common .ContL { width: 890px; }

.zq_common .ContR { width: 280px; }

.zq_common .Contflexd { width: 285px; margin-right: 30px; }

.zq_common .common { float: right; width: calc(100% - 315px); }

.zq_common .common .ContL { width: 580px; margin-right: 25px; }

.zq_common .common .ContL .zqcont2 .list2 ul li { margin-right: 32px; }

.zq_common .warplist_box { padding-top: 0; }

.zq_banner { border-radius: 5px; overflow: hidden; height: 220px; position: relative; }

.zq_banner img { display: block; width: 100%; -o-object-fit: cover; object-fit: cover; }

.gl_banner { border-radius: 10px; overflow: hidden; height: 280px; position: relative; }

.gl_banner .img { display: block; width: 100%; height: 100%; }

.gl_banner .zqcont1-1 { position: absolute; left: 30px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.gl_banner .zqcont1-1 .item1 { background: #fff; }

.gl_banner .zqcont1-1 .item1 .gamename { height: 90px; }

.gl_banner .zqcont1-1 .item1 .gamename .img { width: 90px; height: 90px; }

.gl_banner .zqcont1-1 .item1 .gamename .infor { height: 90px; }

.gl_banner .zqcont1-1 .item1 .gamename .infor .name { font-weight: bold; }

.gl_banner .zqcont1-1 .item1 .gamename .infor p { height: 30px; line-height: 30px; }

.gl_banner .zqcont1-1 .item1 .scroll { max-height: 84px; }

.gl_banner .zqcont1-1 .item1 .list .tab { height: 30px; line-height: 30px; margin: 5px 0px 5px 10px; }

.zq_nav { margin: 20px 0 0; height: 50px; background-color: #f5f5f5; border-radius: 5px; }

.zq_nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; padding: 0 20px; text-align: center; }

.zq_nav ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 130px; font-size: 18px; color: #222; position: relative; }

.zq_nav ul li a { display: inline-block; vertical-align: middle; padding: 0 10px; height: 30px; line-height: 30px; }

.zq_nav ul li:hover .lis { height: auto; padding: 10px 0; }

.zq_nav ul li .lis { position: absolute; left: 0; width: 100%; top: 30px; background: #f5f5f5; z-index: 10; border-radius: 10px; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; overflow: hidden; height: 0px; }

.zq_nav ul li .lis a { display: block; height: 40px; line-height: 40px; width: 100%; overflow: hidden; padding: 0; }

.zq_nav ul li.on a, .zq_nav ul li a:hover { font-weight: bold; color: #0066ff; }

.zqcont1 { padding-bottom: 20px; }

.zqcont1 .zqcont1-2 { float: right; width: 575px; padding: 32px 0 0 0; border: solid 1px #d9d9d9; border-radius: 10px; }

.zqcont1 .zqcont1-2 .h1_a { font-size: 18px; display: block; height: 30px; line-height: 30px; padding: 0 20px; text-align: center; font-weight: bold; overflow: hidden; margin-bottom: 10px; }

.zqcont1 .zqcont1-2 .h1_a a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: inline-block; vertical-align: middle; max-width: 100%; }

.zqcont1 .zqcont1-2 .h2_a { text-align: center; font-size: 12px; height: 30px; line-height: 30px; padding: 0 20px; }

.zqcont1 .zqcont1-2 .h2_a a { display: inline-block; vertical-align: middle; max-width: 40%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 0 1%; }

.zqcont1 .zqcont1-2 ul { padding: 22px 20px; }

.zqcont1 .zqcont1-2 ul li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; line-height: 30px; overflow: hidden; padding: 5px 0; }

.zqcont1 .zqcont1-2 ul li .time { font-size: 12px; }

.zqcont1 .zqcont1-2 ul li a { color: #444; }

.zqcont1 .zqcont1-2 ul li a:hover { color: #0066ff; }

.zqcont1 .zqcont1-2 ul li .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 10px; }

.zqcont1-1 { float: left; width: 285px; }

.zqcont1-1 .bor { border: solid 1px #d9d9d9; border-radius: 10px; }

.zqcont1-1 > div:last-child { margin-bottom: 0; }

.zqcont1-1 .item1 { padding: 15px 0 13px 0; margin-bottom: 14px; }

.zqcont1-1 .item1 .gamename { display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; padding: 0 10px 15px 10px; position: relative; border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; }

.zqcont1-1 .item1 .gamename .img { width: 80px; height: 80px; border-radius: 10px; display: block; overflow: hidden; }

.zqcont1-1 .item1 .gamename .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; position: relative; height: 80px; overflow: hidden; }

.zqcont1-1 .item1 .gamename .infor .name { width: 80%; display: block; height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; overflow: hidden; }

.zqcont1-1 .item1 .gamename .infor p { line-height: 25px; height: 25px; font-size: 12px; color: #555; overflow: hidden; width: 100%; }

.zqcont1-1 .item1 .gamename .bf { position: absolute; top: -10px; right: 10px; background-image: -webkit-gradient(linear, left bottom, left top, from(#ecedea), color-stop(50%, #f8f7f6), to(#dcdbd8)); background-image: -o-linear-gradient(bottom, #ecedea 0%, #f8f7f6 50%, #dcdbd8 100%); background-image: linear-gradient(0deg, #ecedea 0%, #f8f7f6 50%, #dcdbd8 100%); border-radius: 16px; width: 32px; height: 32px; text-align: center; line-height: 32px; color: #e7891a; font-weight: bold; }

.zqcont1-1 .item1 .scroll { overflow-y: auto; max-height: 72px; margin-right: 3px; }

.zqcont1-1 .item1 .list { overflow: hidden; }

.zqcont1-1 .item1 .list .tab { display: block; float: left; padding: 0 5px; font-size: 13px; height: 26px; line-height: 26px; border: solid 1px #0066ff; color: #0066ff; border-radius: 5px; font-size: 14px; margin: 4px 0px 4px 10px; }

.zqcont1-1 .item1 .list .tab:hover { opacity: 0.8; }

.zqcont1-1 .item1 .list .tab i { display: inline-block; vertical-align: middle; margin: -3px 3px 0 0; }

.zqcont1-1 .item1 .list .tab1 { background: #ffded1; border-color: #ffded1; color: #ff5116; }

.zqcont1-1 .item1 .list .tab2 { border-color: #009303; color: #009303; }

.zqcont1-1 .item1 .list .tab3 { border-color: #fd491f; color: #fd491f; }

.zqcont1-1 .item1 .list .tab3 i { height: 14px; width: 14px; background-position: -73px 0; }

.zqcont1-1 .item1 .list .tab3 { border-color: #fd491f; color: #fd491f; }

.zqcont1-1 .item1 .list .tab4 { background: #bfbf00; border-color: #bfbf00; color: #fff; padding: 0 5px; }

.zqcont1-1 .item1 .list .tab5 { border-color: #ffb400; color: #ffb400; }

.zqcont1-1 .item1 .list .tab5 i { height: 16px; width: 18px; background-position: -233px -57px; }

.zqcont1-1 .item1 .list .tab6 i { height: 18px; width: 15px; background-position: -212px -54px; }

.zqcont1-1 .item1 .list .tab7 { border-color: #15c5ce; color: #15c5ce; }

.zqcont1-1 .item2 { padding: 9px; margin-bottom: 14px; }

.zqcont1-1 .item2 .bt { height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; font-weight: bold; }

.zqcont1-1 .item2 .list1 .scroll { max-height: 92px; overflow-y: auto; }

.zqcont1-1 .item2 .list1 a { display: inline-block; height: 30px; background-color: #ededee; border-radius: 5px; padding: 0 7px; line-height: 30px; color: #666666; margin: 8px 5px 8px 0; }

.zqcont1-1 .item2 .list1 a:hover { background: #e5f2ff; color: #0066ff; }

.zqcont1-1 .item2 .down_tab { overflow: hidden; padding-top: 5px; }

.zqcont1-1 .item2 .down_tab .tab { display: block; float: left; height: 30px; line-height: 30px; width: 49%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin: 5px 1% 5px 0; }

.zqcont1-1 .item2 .down_tab .tab .ico { display: inline-block; vertical-align: middle; background: url("../images/ico_tab.png") no-repeat center; margin: -2px 5px 0 0; width: 22px; height: 22px; }

.zqcont1-1 .item2 .down_tab .tab span { color: #ff5353; font-size: 12px; }

.zqcont1-1 .item2 .down_tab .tab span u { text-decoration: line-through; }

.zqcont1-1 .item2 .down_tab .tab:hover { color: #0066ff; }

.zqcont1-1 .item2 .down_tab .tab:hover .ico { background-position-y: -40px; }

.zqcont1-1 .item2 .down_tab .anzhuo .ico { background-position: 0 0; }

.zqcont1-1 .item2 .down_tab .iphone .ico { background-position: -27px 0; }

.zqcont1-1 .item2 .down_tab .mac .ico { background-position: -57px 0; }

.zqcont1-1 .item2 .down_tab .ps .ico { background-position: -87px 0; width: 25px; }

.zqcont1-1 .item2 .down_tab .xbox .ico { background-position: -117px 0; }

.zqcont1-1 .item2 .down_tab .pc .ico { background-position: -147px 0; }

.zqcont2 { padding-bottom: 20px; }

.zqcont2 .switchnav3 { padding-top: 10px; }

.zqcont2 .list1 { padding: 5px 0; }

.zqcont2 .list1 a { display: inline-block; vertical-align: middle; line-height: 20px; margin: 5px 10px 5px 0; }

.zqcont2 .list2 { width: 100%; overflow: hidden; }

.zqcont2 .list2 ul { width: 108%; }

.zqcont2 .list2 ul li { float: left; width: 90px; margin: 0 24px 10px 0; }

.zqcont2 .list2 ul li .img { width: 100%; height: 90px; display: block; overflow: hidden; border-radius: 5px; }

.zqcont2 .list2 ul li .name { display: block; height: 30px; line-height: 30px; overflow: hidden; text-align: center; width: 100%; }

.zqcont2 .list3 { margin-top: -10px; overflow: hidden; }

.zqcont2 .list3.them { margin: 0; }

.zqcont2 .list3.them a { height: 35px; line-height: 35px; margin-right: 15px; }

.zqcont2 .list3 a { border: solid 1px #e0e0e0; height: 40px; border-radius: 5px; line-height: 40px; padding: 0 15px; margin: 10px 20px 10px 0; display: block; float: left; }

.zqcont2 .list3 a:hover { background: #e5f2ff; color: #0066ff; border-color: #0066ff; }

.zqcont2 .list3 .on { background: #0066ff !important; border-color: #0066ff !important; color: #fff !important; }

.zqcont2 .newslist ul .them1 .img { width: 210px; height: 130px; }

.zqcont2 .newslist ul li .img_lis .img { width: 175px; height: 116px; }

.zqcont2 .newslist ul li .infor { height: 130px; position: relative; overflow: hidden; padding-left: 0; margin-left: 20px; }

.zqcont2 .newslist ul li .infor .p { position: absolute; left: 0; bottom: 0; width: 100%; }

.zqcont2 .newslist ul li .infor .name { height: auto; white-space: normal; line-height: 25px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-bottom: 0px; }

.zqcont2 + .newslist { padding-top: 0; }

.zqcont2 + .newslist li:first-child { padding-top: 0; }

.zqcont3 .lunbox_slide { overflow: hidden; margin: 10px 0; position: relative; }

.zqcont3 .lunbox_slide .bd li { float: left; width: 207.5px; margin-right: 20px; }

.zqcont3 .lunbox_slide .bd li .img { width: 100%; height: 125px; border-radius: 5px; display: block; overflow: hidden; }

.zqcont3 .lunbox_slide .bd li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.zqcont3 .lunbox_slide .bd li .text { padding-top: 5px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.zqcont3 .lunbox_slide .prev, .zqcont3 .lunbox_slide .next { position: absolute; background: rgba(0, 0, 0, 0.5); width: 20px; height: 125px; text-align: center; color: #fff; line-height: 125px; font-family: serif; font-size: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; top: 0; }

.zqcont3 .lunbox_slide .prev:hover, .zqcont3 .lunbox_slide .next:hover { opacity: 0.8; }

.zqcont3 .lunbox_slide .prev { left: 0; }

.zqcont3 .lunbox_slide .next { right: 0; }

.zqcont3 .zqcont3-1 { width: 428px; padding-bottom: 20px; }

.zqcont3 .zqcont3-1 ul li { padding-bottom: 13px; }

.zqcont3 .zqcont3-1 ul li:last-child { padding-bottom: 0; }

.zqcont3 .zqcont3-1 ul li .bt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 50px; font-size: 16px; }

.zqcont3 .zqcont3-1 ul li .bt a { line-height: 25px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #3d3c3c; text-align: justify; font-weight: bold; }

.zqcont3 .zqcont3-1 ul li .bt a:hover { color: #0066ff; }

.zqcont3 .zqcont3-1 ul li .p { height: 30px; line-height: 30px; font-size: 13px; padding-top: 5px; color: #575757; }

.zqcont3 .zqcont3-1 ul li .p u { padding: 0 10px; }

.zqcont3 .zqcont3-2 { width: 390px; padding-bottom: 20px; }

.zqcont3 .zqcont3-2 .title { padding-top: 10px; height: 20px; line-height: 20px; font-size: 16px; }

.zqcont3 .zqcont3-2 .list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 14px; }

.zqcont3 .zqcont3-2 .list ul li .bt { width: 100px; height: 35px; line-height: 35px; background-color: #f5f5f5; border-radius: 5px; text-align: center; color: #333333; }

.zqcont3 .zqcont3-2 .list ul li .p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; overflow: hidden; word-break: break-all; height: 35px; line-height: 35px; }

.zqcont3 .zqcont3-2 .list ul li .p a:hover, .zqcont3 .zqcont3-2 .list ul li .p a.on { color: #0066ff; }

.zqcont3 .zqcont3-2 .list ul li .p span { padding: 0 2px; }

.zqcont3 .zqcont3-3 li { height: 30px; line-height: 30px; padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.zqcont3 .zqcont3-3 li .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 30px; }

.zqcont3 .zqcont3-3 li .time { font-size: 13px; }

/* 首页板块 */
.Indextitle { border-bottom: 1px solid #e5e8ef; height: 70px; line-height: 70px; padding: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Indextitle .bt { font-weight: bold; font-size: 22px; overflow: hidden; }

.Indextitle .switchlab { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 20px; font-size: 15px; }

.Indextitle .switchlab .tab { color: #777777; display: block; float: left; height: 28px; line-height: 28px; padding: 0 15px; border-radius: 20px; }

.Indextitle .switchlab .tab:hover { color: #0066ff; }

.Indextitle .switchlab .on { background: #0066ff !important; color: #fff !important; }

.Indexbox1 { padding: 20px 0; }

.Indexbox1 .img { display: block; position: relative; width: 100%; height: 100%; border-radius: 5px; overflow: hidden; }

.Indexbox1 .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.Indexbox1 .img .p { height: 50px; line-height: 50px; width: 100%; position: absolute; font-size: 16px; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; }

.Indexbox1 .img .p span { display: block; padding: 0 5px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Indexbox1 .Indexbox1-1 { width: 560px; height: 360px; overflow: hidden; }

.Indexbox1 .Indexbox1-1 .lunbox { width: 100%; height: 100%; position: relative; }

.Indexbox1 .Indexbox1-1 .lunbox .prev, .Indexbox1 .Indexbox1-1 .lunbox .next { display: none; position: absolute; width: 45px; height: 90px; display: block; background-position: 0 -153px; top: 50%; margin-top: -45px; cursor: pointer; }

.Indexbox1 .Indexbox1-1 .lunbox .prev:hover, .Indexbox1 .Indexbox1-1 .lunbox .next:hover { opacity: 0.9; }

.Indexbox1 .Indexbox1-1 .lunbox .prev { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.Indexbox1 .Indexbox1-1 .lunbox .next { right: 0px; }

.Indexbox1 .Indexbox1-1 .lunbox .bd ul li { width: 560px; height: 360px; }

.Indexbox1 .Indexbox1-1 .lunbox .bd ul li .img .p span { width: 65%; padding: 0 20px; text-align: left; }

.Indexbox1 .Indexbox1-1 .lunbox .hd { position: absolute; right: 20px; bottom: 20px; }

.Indexbox1 .Indexbox1-1 .lunbox .hd ul { height: 12px; }

.Indexbox1 .Indexbox1-1 .lunbox .hd ul li { width: 12px; height: 12px; background-color: #ffffff; opacity: 0.5; border-radius: 50%; display: inline-block; vertical-align: middle; text-indent: 100em; overflow: hidden; margin: 0 5px; margin-top: -7px; }

.Indexbox1 .Indexbox1-1 .lunbox .hd ul .on { width: 24px; background-color: #007bff; border-radius: 6px; opacity: 1; }

.Indexbox1 .Indexbox1-2 { width: 240px; height: 360px; margin: 0 20px; }

.Indexbox1 .Indexbox1-2 .img { height: 170px; margin-bottom: 20px; }

.Indexbox1 .Indexbox1-2 .img:last-child { margin-bottom: 0; }

.Indexbox1 .Indexbox1-3 { width: 360px; height: 360px; }

.Indexbox { background: #fff; border-radius: 5px; margin-bottom: 40px; padding-bottom: 30px; }

.Indexbox2 { padding-bottom: 0px; }

.Indexbox2 .list { padding: 20px 10px; }

.Indexbox2 .list li { float: left; width: 25%; }

.Indexbox2 .list li:hover .bt { color: #0066ff; }

.Indexbox2 .list li:hover .bt a { color: #0066ff; }

.Indexbox2 .list li:hover .bt i { background-position-y: -30px; }

.Indexbox2 .list li .bt { padding-left: 15px; height: 40px; line-height: 40px; overflow: hidden; font-weight: bold; color: #222222; font-size: 16px; }

.Indexbox2 .list li .bt:hover a { color: #0066ff; }

.Indexbox2 .list li .bt a { color: #222222; }

.Indexbox2 .list li .bt a:hover { color: #0066ff; }

.Indexbox2 .list li .bt i { display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }

.Indexbox2 .list li .bt .ico1 { height: 20px; width: 20px; background-position: -260px 0; }

.Indexbox2 .list li .bt .ico2 { height: 24px; width: 21px; background-position: -290px 0; }

.Indexbox2 .list li .bt .ico3 { height: 19px; width: 23px; background-position: -320px 0; }

.Indexbox2 .list li .bt .ico4 { height: 22px; width: 24px; background-position: -355px 0; }

.Indexbox2 .list li .lis { line-height: 25px; padding-right: 10px; }

.Indexbox2 .list li .lis a { display: inline-block; vertical-align: middle; margin-left: 15px; margin: 5px 0 5px 15px; }

.Indexbox3 .Indexbox3-1 { width: 270px; height: 340px; padding: 20px 0  0  30px; }

.Indexbox3 .Indexbox3-1 .img { position: relative; width: 100%; display: block; height: 100%; border-radius: 5px; overflow: hidden; }

.Indexbox3 .Indexbox3-1 .img .motai { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); -ms-flex-wrap: wrap; flex-wrap: wrap; }

.Indexbox3 .Indexbox3-1 .img .motai .bt { padding: 0 25px; font-size: 30px; height: 50px; line-height: 50px; padding-top: 60px; }

.Indexbox3 .Indexbox3-1 .img .motai .time { padding: 0 25px; font-size: 30px; height: 60px; line-height: 60px; position: relative; padding-bottom: 5px; }

.Indexbox3 .Indexbox3-1 .img .motai .time::after { content: ''; display: block; position: absolute; left: 25px; background: #fff; width: 30px; height: 7px; border-radius: 4px; bottom: 0; }

.Indexbox3 .Indexbox3-1 .img .motai .text { padding: 0 25px; padding-top: 30px; font-size: 20px; color: #fff; text-align: justify; display: block; line-height: 25px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.Indexbox3 .Indexbox3-1 .img .motai .text:hover { text-decoration: underline; }

.Indexbox3 .Indexbox3-2 { padding: 10px 0 0 30px; width: 490px; }

.Indexbox3 .Indexbox3-2 li { height: 30px; padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; line-height: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Indexbox3 .Indexbox3-2 li:last-child { padding-bottom: 0px; }

.Indexbox3 .Indexbox3-2 li:hover .text u { color: #0066ff; }

.Indexbox3 .Indexbox3-2 li .tab { width: 85px; text-align: center; display: block; }

.Indexbox3 .Indexbox3-2 li .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 10px; overflow: hidden; }

.Indexbox3 .Indexbox3-2 li .text img { width: 24px; height: 24px; border-radius: 5px; margin: 0 7px 0 0; }

.Indexbox3 .Indexbox3-2 li .text a { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 85%; overflow: hidden; display: inline-block; vertical-align: middle; }

.Indexbox3 .Indexbox3-2 li .text u { font-family: SimHei; font-size: 20px; font-style: italic; color: #82beff; letter-spacing: -2px; display: inline-block; vertical-align: middle; }

.Indexbox3 .Indexbox3-2 li span { color: #666666; }

.Indexbox3 .Indexbox3-3 { width: 320px; padding: 15px 20px 0 0; }

.Indexbox3 .Indexbox3-3 .Ritem5 { padding-bottom: 0px; }

.Indexbox3 .Indexbox3-3 .Ritem5 .list li:last-child { padding-bottom: 0px; }

.Indexbox3 .Indexbox3-3 .list2 ul li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; padding: 15px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Indexbox3 .Indexbox3-3 .list2 ul li:last-child { padding-bottom: 0px; }

.Indexbox3 .Indexbox3-3 .list2 ul li .img { width: 130px; display: block; height: 80px; border-radius: 5px; overflow: hidden; }

.Indexbox3 .Indexbox3-3 .list2 ul li .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 0 0 15px; }

.Indexbox3 .Indexbox3-3 .list2 ul li .text .bt { line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.Indexbox4 .list { padding: 0 0 0 6px; }

.Indexbox4 .list li { float: left; width: 175px; margin: 20px 0 0 20px; border: 2px solid #0066ff; border-radius: 5px; overflow: hidden; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.Indexbox4 .list li .bt { height: 45px; line-height: 45px; background: #0066ff; color: #fff; display: block; text-align: center; width: 100%; font-size: 16px; }

.Indexbox4 .list li .bt:hover { text-decoration: underline; }

.Indexbox4 .list li .lis { padding: 10px 10px 10px 20px; }

.Indexbox4 .list li .lis .li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; line-height: 30px; padding: 5px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Indexbox4 .list li .lis .li .img { width: 24px; height: 24px; display: block; border-radius: 5px; overflow: hidden; margin-right: 5px; }

.Indexbox4 .list li .lis .li span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Indexbox4 .list li:nth-child(12n+1) { border-color: #02be6e; }

.Indexbox4 .list li:nth-child(12n+1) .bt { background: #02be6e; }

.Indexbox4 .list li:nth-child(12n+2) { border-color: #2e99fd; }

.Indexbox4 .list li:nth-child(12n+2) .bt { background: #2e99fd; }

.Indexbox4 .list li:nth-child(12n+3) { border-color: #ff6c45; }

.Indexbox4 .list li:nth-child(12n+3) .bt { background: #ff6c45; }

.Indexbox4 .list li:nth-child(12n+4) { border-color: #02beaa; }

.Indexbox4 .list li:nth-child(12n+4) .bt { background: #02beaa; }

.Indexbox4 .list li:nth-child(12n+5) { border-color: #ff8900; }

.Indexbox4 .list li:nth-child(12n+5) .bt { background: #ff8900; }

.Indexbox4 .list li:nth-child(12n+6) { border-color: #6870e4; }

.Indexbox4 .list li:nth-child(12n+6) .bt { background: #6870e4; }

.Indexbox4 .list li:nth-child(12n+7) { border-color: #02beaa; }

.Indexbox4 .list li:nth-child(12n+7) .bt { background: #02beaa; }

.Indexbox4 .list li:nth-child(12n+8) { border-color: #ff8900; }

.Indexbox4 .list li:nth-child(12n+8) .bt { background: #ff8900; }

.Indexbox4 .list li:nth-child(12n+9) { border-color: #6870e4; }

.Indexbox4 .list li:nth-child(12n+9) .bt { background: #6870e4; }

.Indexbox4 .list li:nth-child(12n+10) { border-color: #02be6e; }

.Indexbox4 .list li:nth-child(12n+10) .bt { background: #02be6e; }

.Indexbox4 .list li:nth-child(12n+11) { border-color: #2e99fd; }

.Indexbox4 .list li:nth-child(12n+11) .bt { background: #2e99fd; }

.Indexbox4 .list li:nth-child(12n+12) { border-color: #ff6c45; }

.Indexbox4 .list li:nth-child(12n+12) .bt { background: #ff6c45; }

.Indexbox5 .Indexbox5_nav { padding: 20px 0 0 30px; width: 110px; float: left; }

.Indexbox5 .Indexbox5_nav li { height: 50px; line-height: 50px; border: 1px solid #0066ff; text-align: center; display: block; color: #0066ff; border-radius: 5px; margin-bottom: 30px; font-size: 16px; cursor: pointer; }

.Indexbox5 .Indexbox5_nav li i { display: inline-block; vertical-align: middle; height: 20px; width: 20px; background-position: -119px -191px; margin: -2px 5px 0 0; }

.Indexbox5 .Indexbox5_nav li a { display: block; color: #0066ff; width: 100%; height: 100%; }

.Indexbox5 .Indexbox5_nav li:hover, .Indexbox5 .Indexbox5_nav li.on { background: #0066ff; color: #fff; }

.Indexbox5 .Indexbox5_nav li:hover i, .Indexbox5 .Indexbox5_nav li.on i { background-position: -119px -161px; }

.Indexbox5 .Indexbox5_nav li:hover a, .Indexbox5 .Indexbox5_nav li.on a { color: #fff; }

.Indexbox5 .Indexbox5-list { float: left; width: 1010px; padding-left: 40px; }

.Indexbox5 .Indexbox5-list li { float: left; padding: 10px 20px 0  0; width: 182px; display: block; }

.Indexbox5 .Indexbox5-list li .bt { height: 35px; line-height: 35px; overflow: hidden; font-weight: bold; }

.Indexbox5 .Indexbox5-list li .bt::before { content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 18px; background-color: #0066ff; border-radius: 2px; margin: -2px 5px 0 0; }

.Indexbox5 .Indexbox5-list li .lis .p { display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; line-height: 30px; padding: 5px 0; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Indexbox5 .Indexbox5-list li .lis .p .num { width: 20px; height: 20px; background-color: #f82f05; border-radius: 2px; color: #fff; line-height: 20px; text-align: center; margin-right: 5px; }

.Indexbox5 .Indexbox5-list li .lis .p + .p .num { background-color: #f65b0d; }

.Indexbox5 .Indexbox5-list li .lis .p + .p + .p .num { background-color: #fa8e17; }

.Indexbox5 .Indexbox5-list li .lis .p + .p + .p + .p .num { background-color: #646566; }

.Indexbox5 .Indexbox5-list li .lis .p .tex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: block; padding-left: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Indexbox5 .Indexbox5-list li .lis .p .tex .img { width: 24px; height: 24px; border-radius: 5px; display: inline-block; vertical-align: middle; overflow: hidden; margin: -2px 10px 0 0; }

.Indexbox5 .Indexbox5-list li:nth-child(1) .bt::before { background: #0066ff !important; }

.Indexbox5 .Indexbox5-list li:nth-child(4n+1) .bt::before { background: #ff5a85; }

.Indexbox5 .Indexbox5-list li:nth-child(4n+2) .bt::before { background: #56ff83; }

.Indexbox5 .Indexbox5-list li:nth-child(4n+3) .bt::before { background: #736cff; }

.Indexbox5 .Indexbox5-list li:nth-child(4n+4) .bt::before { background: #f6895e; }

.Indexbox6 .Cont3 .list { padding-bottom: 0; border-bottom: none; }

.Indexbox6 .Cont3 .list .add_morelink { margin: 10px 0 0; }

.Indexbox6 .Cont3 .list .bt_box { padding-left: 30px; width: 330px; margin-right: 10px; max-height: 400px; }

.Indexbox6 .Cont3 .list .bt_box .img { height: 220px; }

.Indexbox6 .Cont3 .list .bt_box .name { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Indexbox6 .Cont3 .list .bt_box .name .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 10px; }

.Indexbox6 .Cont3 .list .bt_box .name .flex a { display: block; max-width: 100%; }

.Indexbox6 .Cont3 .list .bt_box .name .btn { padding: 0 10px; background: #0066ff; color: #fff; height: 24px; line-height: 24px; border-radius: 5px; font-size: 12px; font-weight: normal; }

.Indexbox6 .Cont3 .list .bt_box .name .btn:hover { opacity: 0.9; }

.Indexbox6 .Cont3 .list .bt_box .text { -webkit-line-clamp: 3; }

.Indexbox6 .Cont3 .list .ul { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 30px; }

.Indexbox6 .Cont3 .list .ul ul li { width: 246px; height: 70px; padding-bottom: 10px; }

.Indexbox6 .Cont3 .list .ul ul li .img { width: 70px; height: 70px; }

.Indexbox6 .Cont3 .list .ul ul li .infor .p { padding-top: 8px; }

.Indexbox7 .Indexbox7-1 { padding: 20px 0 0 30px; width: 80px; float: left; }

.Indexbox7 .Indexbox7-1 .tab { height: 40px; line-height: 40px; background-color: #efefef; text-align: center; display: block; border-radius: 5px; margin-bottom: 10px; font-size: 16px; overflow: hidden; cursor: pointer; }

.Indexbox7 .Indexbox7-1 .tab:hover, .Indexbox7 .Indexbox7-1 .tab.on { background: #0066ff; color: #fff; }

.Indexbox7 .Indexbox7-2 { float: left; width: 725px; padding: 0 30px 0 25px; }

.Indexbox7 .Indexbox7-3 { padding-top: 15px; width: 280px; float: right; }

.Indexbox8 .list { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 30px; }

.Indexbox8 .list .img { width: 220px; height: 300px; border-radius: 5px; overflow: hidden; display: block; margin-top: 20px; }

.Indexbox8 .list .infor { padding-left: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-top: 10px; }

.Indexbox8 .list .infor .bt_name { height: 50px; line-height: 50px; display: block; width: 100%; overflow: hidden; }

.Indexbox8 .list .infor .bt_name .name { display: block; float: left; font-size: 16px; font-weight: bold; max-width: 80%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Indexbox8 .list .infor .bt_name .score { float: left; margin-top: -3px; padding-left: 10px; }

.Indexbox8 .list .infor .lab_p { overflow: hidden; padding-top: 5px; }

.Indexbox8 .list .infor .lab_p .lab { min-width: 30px; text-align: center; padding: 0 10px; border-radius: 5px; height: 30px; line-height: 30px; overflow: hidden; margin: 0 10px 10px 0; background: #f3f5f7; display: block; float: left; color: #666666; }

.Indexbox8 .list .infor .lab_p .lab:hover { background: #e5f2ff; color: #0066ff; }

.Indexbox8 .list .infor .lis_p { padding-top: 5px; }

.Indexbox8 .list .infor .lis_p .bt { height: 30px; line-height: 30px; font-size: 15px; }

.Indexbox8 .list .infor .lis_p .p { height: 30px; line-height: 30px; overflow: hidden; }

.Indexbox8 .list .infor .lis_p .p span { padding: 0 3px; color: #b7b7b7; }

.Indexbox8 .list .infor .lis_p .p span:last-child { display: none; }

.Indexbox8 .list .infor .lis_p .tex { line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Indexbox8 .list .btnwarp { width: 170px; padding: 0 50px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 300px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; }

.Indexbox8 .list .btnwarp .btnbox { width: 100%; }

.Indexbox8 .list .btnwarp .btn { display: block; width: 100%; text-align: center; height: 50px; line-height: 50px; background-color: #f1f1f1; border-radius: 5px; color: #666666; margin: 25px 0; }

.Indexbox8 .list .btnwarp .btn:hover { opacity: 0.9; }

.Indexbox8 .list .btnwarp .btn1 { background: #0066ff; color: #fff; }

.Indexbox9 .list { line-height: 30px; padding: 10px 0; }

.Indexbox9 .list a { padding-right: 20px; display: inline-block; vertical-align: middle; }

/* 分页 */
.pages .pagewrap { width: 100%; text-align: center; color: #666666; overflow: hidden; padding: 20px 0; }

.pages .pagewrap a, .pages .pagewrap span { display: inline-block; height: 35px; text-align: center; line-height: 35px; border: 1px solid #d1d1d6; border-radius: 5px; padding: 0 15px; margin: 0 2px; font-size: 14px; color: #626675; }

.pages .pagewrap a.current, .pages .pagewrap .active a, .pages .pagewrap a:hover { color: #fff; border: 1px solid #0066ff; background: #0066ff; }

.pages .pagewrap span { padding: 0 15px; }

.pages .pagewrap li { display: inline-block; _zoom: 1; display: inline; }

.pages .pagewrap .page { margin: 0 auto; display: block; }

.pages .pagewrap li.active a { color: #fff; border: 1px solid #0066ff; background: #0066ff; }

.pages .tips { text-align: center; color: #929292; font-size: 14px; }

.add_morelink { height: 40px; border-radius: 5px; background: #f1f1f1; display: block; text-align: center; line-height: 40px; color: #666666; margin: 10px auto; font-size: 14px; }

.add_morelink:hover { background: #e5f2ff; color: #0066ff; }

.Disclaimers { color: #929292; font-size: 14px; line-height: 22px; padding: 20px 0; }

.Disclaimers a { color: #0066ff; }

/* 搜索 */
.searchlist .newslist ul li .img_lis .img { width: 250px; height: 120px; }

.searchlist .Cont3 .list .bt_box { width: 345px; }

.searchlist .Cont5 .list .imgbt { width: 345px; }

.searchlist .zyitem1 { margin-bottom: 20px; height: auto; min-height: 200px; }

.searchlist .zyitem1 > .img { min-height: 230px; }

.sharebox { position: fixed; right: 50%; margin-right: 630px; display: block; z-index: 100; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.sharebox ul li { position: relative; margin-bottom: 6px; }

.sharebox ul li .number { height: 25px; line-height: 25px; font-size: 12px; width: 50px; text-align: center; overflow: hidden; }

.sharebox ul li .btn { width: 50px; height: 50px; display: block; border-radius: 50%; background: #fff; position: relative; cursor: pointer; }

.sharebox ul li .btn:hover, .sharebox ul li .btn.on { background: #e5f2ff; }

.sharebox ul li .btn:hover i, .sharebox ul li .btn.on i { background-position-x: -37px; }

.sharebox ul li i { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.sharebox ul li .ico1 { width: 25px; height: 22px; background-position: 0 -35px; }

.sharebox ul li .ico2 { width: 27px; height: 20px; background-position: 0 -60px; }

.sharebox ul li .ico3 { width: 25px; height: 20px; background-position: 0 -85px; }

.sharebox ul li .ico4 { width: 25px; height: 22px; background-position: 0 -110px; }

.sharebox ul li:hover .share { display: block; }

.sharebox .share { position: absolute; width: 147px; right: -147px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: none; }

.sharebox .share::before { display: block; content: ''; border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; top: 50%; margin-top: -10px; position: absolute; }

.sharebox .share .social-share { width: 137px; background: #fff; border-radius: 5px; font-size: 14px; color: #222222; padding: 15px 0; margin-left: 10px; cursor: pointer; }

.sharebox .share .social-share a { display: block; margin: 0; margin-left: 20px; text-align: left; height: 30px; line-height: 30px; color: #222; width: auto; border: none; border-radius: none; font-size: 12px; }

.sharebox .share .social-share a::before { display: none; }

.sharebox .share .social-share a u { display: inline-block; vertical-align: middle; border-radius: 50%; height: 20px; width: 20px; position: relative; background-color: #676b8c; margin: -0px 7px 0 0; }

.sharebox .share .social-share a u::before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background: url("../images/icoimg.png") no-repeat center; width: 11px; height: 11px; background-position: -78px -67px; }

.sharebox .share .social-share a:hover { background: none; }

.sharebox .share .social-share .icon-weibo u { background-color: #f79401; }

.sharebox .share .social-share .icon-weibo u::before { background-position: -76px -98px; width: 15px; }

.sharebox .share .social-share .icon-wechat u { background-color: #3cbf7d; }

.sharebox .share .social-share .icon-wechat u::before { background-position: -75px -82px; width: 15px; }

.sharebox .share .social-share .icon-qzone u { background-color: #fec602; }

.sharebox .share .social-share .icon-qzone u::before { background-position: -77px -114px; width: 14px; height: 12px; }

.comment.bjfff + .sharebox ul li .btn, .comment.bjfff + .sharebox .share .social-share { background: #f6f6f6; }

.comment.bjfff + .sharebox .share::before { border-right-color: #f6f6f6; }

.comment.bjfff + .sharebox ul li .btn:hover, .comment.bjfff + .sharebox .ul li .btn.on { background: #e5f2ff; }

/*用户中心*/
.usernamebox .img { display: block; background: #eeee; height: 290px; display: block; overflow: hidden; border-radius: 10px; }

.usernamebox .username { padding: 0 10px 0 20px; position: relative; z-index: 1; }

.usernamebox .username .userbox { margin-top: -50px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; }

.usernamebox .username .userbox .userimg { display: block; padding: 3px; width: 100px; height: 100px; border-radius: 50%; background: #fff; }

.usernamebox .username .userbox .userimg img { width: 100%; display: block; border-radius: 50%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.usernamebox .username .userbox .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; overflow: hidden; }

.usernamebox .username .userbox .flex .text { font-size: 16px; color: #fff; line-height: 40px; overflow: hidden; height: 40px; position: relative; display: block; float: right; margin-top: 12px; padding-right: 10px; }

.usernamebox .username .userbox .flex .text::before { position: absolute; left: 0; top: 0; background: #fff; content: ''; width: 34px; height: 2px; }

.usernamebox .username .userbox .flex .btn_p { width: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; line-height: 40px; padding-top: 10px; }

.usernamebox .username .userbox .flex .btn_p .p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.usernamebox .username .userbox .flex .btn_p .p span { padding-right: 15px; }

.usernamebox .username .userbox .flex .btn_p .p span u { color: #0066ff; padding: 0 2px; }

.usernamebox .username .userbox .flex .btn_p .btn { width: 100px; height: 40px; line-height: 40px; display: block; text-align: center; color: #fff; border-radius: 5px; background: #0066ff; cursor: pointer; }

.usernamebox .username .usertex { line-height: 22px; padding-top: 10px; }

.usernamebox .username .usertex .security { color: #0066ff; }

.usernamebox .username .usertex .security i { width: 13px; height: 15px; background-position: -489px -69px; display: inline-block; vertical-align: middle; margin: -2px 3px 0 5px; }

.usernamebox .username .text_time { height: 30px; line-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding-top: 10px; }

.usernamebox .username .text_time p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.usernamebox .username .text_time u { color: #0066ff; }

.usernamebox .username .text_time span { color: #999999; }

.usernamebox .username .text_bt { padding-top: 10px; height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; }

.usernamebox .username .btnbox { padding-top: 10px; }

.usernamebox .username .btnbox .btn { cursor: pointer; height: 35px; background: #f2f2f2; border-radius: 5px; padding: 0 15px; display: block; float: left; margin: 0 10px 0 0; line-height: 35px; color: #222222; }

.usernamebox .username .btnbox .btn u { padding: 0 0 0 3px; }

.usernamebox .username .btnbox .btn:hover, .usernamebox .username .btnbox .btn.on { background: #0066ff; color: #fff; }

/*文本编辑 - 关于我们*/
.texteditor_warp .texteditor_tile { border-bottom: 1px solid #e3e3e3; font-size: 18px; font-weight: bold; height: 30px; padding-bottom: 10px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.texteditor_warp .texteditor { line-height: 36px; padding: 10px 0; color: #333; }

.texteditor_warp .texteditor p { padding: 5px 0; }

/*用户编辑*/
.user_edit { padding: 60px 150px 40px 100px; }

.user_edit .layui-upload { width: 90px; height: 90px; margin: 0 auto; background: #eee; border-radius: 50%; overflow: hidden; line-height: 90px; text-align: center; margin-bottom: 30px; position: relative; }

.user_edit .layui-upload img { width: 90px; height: 90px; display: block; -o-object-fit: cover; object-fit: cover; }

.user_edit .layui-upload:hover .motai { display: block; }

.user_edit .layui-upload .motai { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; color: #fff; display: none; cursor: pointer; }

.user_edit .layui-upload .motai p { width: 100%; height: 100%; }

.user_edit .layui-upload .motai .tip { display: none; }

.user_edit .text_ { line-height: 37px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.user_edit .text_ .iphone { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: none; }

.user_edit .text_ .btn { color: #0066ff; cursor: pointer; margin-left: 10px; }

.user_edit .layui-btn { min-width: 100px; text-align: center; border-radius: 5px; }

.user_edit .areapicker { display: -webkit-box; display: -ms-flexbox; display: flex; }

.user_edit .areapicker .layui-input-inline:last-child { margin-right: 0px; }

.user_edit .btnbox { text-align: center; padding: 10px 0; }

.user_edit .btnbox .layui-btn { margin: 0 20px; }

.user_edit .verification { height: 36px; line-height: 36px; padding: 0 10px; cursor: pointer; margin-left: 10px; background: #0066ff; color: #fff; border-radius: 5px; }

.user_edit .time_bg { background: #f5f4f4; color: #333; }

.user_edit .flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; }

.user_edit .flexbox .layui-input, .user_edit .flexbox .layui-textarea { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

/*404*/
.warp404 { position: relative; }

.warp404 img { display: block; width: auto; height: auto; max-width: 100%; }

.warp404 .text { position: absolute; top: 70px; left: 280px; right: 0; bottom: 0; margin: auto; width: 500px; height: 160px; line-height: 80px; font-size: 16px; font-weight: 600; }

.warp404 .text a { color: #0066ff; }

/*评价*/
.evaluatewarp { padding: 20px 0; }

.evaluatewarp .title { padding-bottom: 20px; }

.evaluatewarp.tabbox { padding-top: 0; }

.evaluatewarp .evaluate_header { padding: 20px 100px 20px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.evaluatewarp .evaluate_header .evaluate_score { width: 180px; text-align: center; color: #0066ff; }

.evaluatewarp .evaluate_header .evaluate_score p { line-height: 30px; }

.evaluatewarp .evaluate_header .evaluate_score .score_bf { font-weight: bold; font-size: 45px; font-family: SimHei; height: 60px; line-height: 60px; font-size: 45px; }

.evaluatewarp .evaluate_header .evaluate_score .score_bf span { letter-spacing: -5px; margin-left: -15px; }

.evaluatewarp .evaluate_header .evaluate_score .score_bf .ico_ { display: inline-block; vertical-align: middle; }

.evaluatewarp .evaluate_header .evaluate_score .score_bf .ico_ .iconsvg { width: 45px; height: 45px; }

.evaluatewarp .evaluate_header .evaluate_line { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.evaluatewarp .evaluate_header .evaluate_line ul li { height: 20px; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.evaluatewarp .evaluate_header .evaluate_line ul li .icobox { width: 120px; height: 18px; line-height: 18px; }

.evaluatewarp .evaluate_header .evaluate_line ul li .icobox .iconsvg { width: 18px; height: 18px; fill: #d2d7d9; }

.evaluatewarp .evaluate_header .evaluate_line ul li .line { height: 6px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #ebeff0; border-radius: 20px; overflow: hidden; position: relative; margin-left: 10px; }

.evaluatewarp .evaluate_header .evaluate_line ul li .line .bar { position: absolute; top: 0; left: 0; background: #0066ff; height: 100%; border-radius: 20px; }

.evaluatewarp .evaluate_total_stare { color: #7a7a7a; height: 35px; line-height: 35px; margin-bottom: 20px; }

.evaluatewarp .evaluate_total_stare .layui-rate { padding: 0; padding: 0 10px; margin-top: -2px; }

.evaluatewarp .evaluate_total_stare .layui-rate .layui-icon { background: url("../images/icostar.png") repeat-x left; width: 25px; height: 25px; background-size: 100% auto; }

.evaluatewarp .evaluate_total_stare .layui-rate .layui-icon::before { display: none; }

.evaluatewarp .evaluate_total_stare .layui-rate .layui-icon-rate-solid { background-image: url("../images/icostardefault.png"); }

.evaluatewarp .evaluate_textarea { padding-bottom: 20px; }

.evaluatewarp .evaluate_textarea textarea { background: #f9f9f9; border-radius: 5px; padding: 20px; border: 1px solid #e7e7e7; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; resize: none; outline: none; line-height: 30px; height: 132px; display: block; }

.evaluatewarp .evaluate_textarea .submitbtn { float: right; width: 100px; text-align: center; color: #fff; line-height: 40px; display: block; background: #0066ff; border-radius: 5px; margin-top: 20px; cursor: pointer; }

.evaluatewarp .evaluate_textarea .submitbtn:hover { opacity: 0.9; }

.evaluatewarp .evaluate_textarea .tishi { line-height: 25px; padding-top: 10px; }

.evaluatewarp .evaluate_textarea .tishi + .submitbtn { margin-top: 10px; }

.evaluatewarp .evaluate_switch { overflow: hidden; height: 30px; line-height: 30px; padding-bottom: 20px; font-size: 16px; }

.evaluatewarp .evaluate_switch .switch { float: left; }

.evaluatewarp .evaluate_switch .switch .lab { display: inline-block; vertical-align: middle; height: 24px; line-height: 24px; overflow: hidden; padding: 0 10px; margin-right: 10px; border-radius: 5px; }

.evaluatewarp .evaluate_switch .switch .lab:hover, .evaluatewarp .evaluate_switch .switch .lab.on { background-color: #007bff; color: #fff; }

.evaluatewarp .evaluate_switch .up { float: right; cursor: pointer; }

.evaluatewarp .evaluate_switch .up i { background-position: -650px -27px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin: -3px 7px 0 0; }

.evaluatewarp .evaluatelist .EV_list { padding-bottom: 20px; }

.evaluatewarp .evaluatelist .EV_list .item_ { padding: 20px; border-radius: 5px; background-color: #f3f5f7; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ { height: 40px; padding-bottom: 5px; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .user_ { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 200px; overflow: hidden; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .user_ img { width: 40px; height: 40px; display: block; border-radius: 50%; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .user_ .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 10px; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .user_ .infor .name { height: 20px; line-height: 20px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-bottom: 2px; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .user_ .infor .time { color: #aeaeae; font-size: 14px; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .layui-nav { float: right; height: 20px; padding: 0; background: none; margin-top: 10px; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .layui-nav:hover .ico { background-position: -393px 0; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .layui-nav .ico { cursor: pointer; height: 19px; width: 12px; background-position: -416px 0; display: block; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .layui-nav .layui-nav-child { left: initial; right: 0px; top: 30px; text-align: center; }

.evaluatewarp .evaluatelist .EV_list .item_ .bt_ .layui-nav .layui-nav-child .on { background: #e5f2ff; color: #0066ff; }

.evaluatewarp .evaluatelist .EV_list .item_ .eventstep { position: relative; }

.evaluatewarp .evaluatelist .EV_list .item_ .eventstep::before { position: absolute; width: 100%; content: ''; border-top: 1px solid #ececec; left: 0; top: -8px; }

.evaluatewarp .evaluatelist .EV_list .item_ .scorebox { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; height: 20px; line-height: 20px; font-size: 14px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; color: #888888; }

.evaluatewarp .evaluatelist .EV_list .item_ .scorebox .stare { width: 100px; background: url("../images/icostar.png") repeat-x left; background-size: auto 100%; position: relative; height: 20px; overflow: hidden; }

.evaluatewarp .evaluatelist .EV_list .item_ .scorebox .stare .line { position: absolute; top: 0; left: 0; background: url("../images/icostardefault.png") repeat-x left; width: 0%; height: 100%; background-size: auto 100%; }

.evaluatewarp .evaluatelist .EV_list .item_ .scorebox p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; overflow: hidden; }

.evaluatewarp .evaluatelist .EV_list .item_ .text_p { line-height: 30px; padding-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.evaluatewarp .evaluatelist .EV_list .item_ .text_p.flexno { display: block; }

.evaluatewarp .evaluatelist .EV_list .item_ .text_p img { display: block; max-width: 100%; margin: 10px  auto; border-radius: 5px; }

.evaluatewarp .evaluatelist .EV_list .item_ .text_p .bttex { display: block; font-weight: bold; }

.evaluatewarp .evaluatelist .EV_list .item_ .text_p .bt_name { color: #888888; padding-right: 10px; }

.evaluatewarp .evaluatelist .EV_list .item_ .text_p .bt_name a { color: #0066ff; }

.evaluatewarp .evaluatelist .EV_list .item_ .text_p p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: justify; }

.evaluatewarp .evaluatelist .EV_list .item_ .text_p .moretext { position: absolute; right: 0; bottom: 10px; height: 30px; background: #fff; color: #0066ff; padding: 0 10px 0 20px; cursor: pointer; background: -webkit-gradient(linear, left top, right top, from(rgba(236, 236, 236, 0)), color-stop(20%, rgba(236, 236, 236, 0.8)), to(#ececec)); background: -o-linear-gradient(left, rgba(236, 236, 236, 0) 0%, rgba(236, 236, 236, 0.8) 20%, #ececec 100%); background: linear-gradient(to right, rgba(236, 236, 236, 0) 0%, rgba(236, 236, 236, 0.8) 20%, #ececec 100%); }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p { height: 20px; line-height: 20px; font-size: 14px; color: #ababab; max-width: 900px; }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p span { color: #ee9700; }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p .btn_ { float: left; display: block; cursor: pointer; margin-left: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #ababab; }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p .btn_ i { display: inline-block; vertical-align: middle; margin: -4px 5px 0 0; width: 14px; height: 14px; }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p .reply i { height: 13px; background-position: -124px 0; }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p .reply.on i, .evaluatewarp .evaluatelist .EV_list .item_ .tab_p .reply:hover i { background-position: -99px 0; }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p .link i { background-position: -49px 0; }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p .link.on i, .evaluatewarp .evaluatelist .EV_list .item_ .tab_p .link:hover i { background-position: -73px 0; }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p .no_zan i { background-position: -24px 0; margin-top: -1px; }

.evaluatewarp .evaluatelist .EV_list .item_ .tab_p .no_zan.on i, .evaluatewarp .evaluatelist .EV_list .item_ .tab_p .no_zan:hover i { background-position: 0 0; }

.evaluatewarp .evaluatelist .EV_list .item_ .children { border-top: 1px solid #ececec; margin: 20px 0 0 0; padding: 10px 0 0; font-size: 14px; }

.evaluatewarp .evaluatelist .EV_list .item_ .children ul li { line-height: 20px; padding: 5px 0; display: none; }

.evaluatewarp .evaluatelist .EV_list .item_ .children ul li:nth-child(1) { display: -webkit-box; display: -ms-flexbox; display: flex; }

.evaluatewarp .evaluatelist .EV_list .item_ .children ul li .name { color: #888; display: inline-block; }

.evaluatewarp .evaluatelist .EV_list .item_ .children ul li .name a { color: #0066ff; padding: 0 2px; }

.evaluatewarp .evaluatelist .EV_list .item_ .children ul li .p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.evaluatewarp .evaluatelist .EV_list .item_ .children ul .flexon { display: -webkit-box; display: -ms-flexbox; display: flex; }

.evaluatewarp .evaluatelist .EV_list .item_ .children .moreli { color: #0066ff; height: 20px; line-height: 20px; padding-top: 10px; }

.evaluatewarp .evaluatelist .EV_list .item_ .children .moreli span { cursor: pointer; }

.evaluatewarp .evaluatelist .EV_list .item_ .children .moreli span::after { content: ''; display: inline-block; vertical-align: middle; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #0066ff; margin: -2px 5px 0; }

.evaluatewarp .evaluatelist .EV_list .item_ .children.showli ul li { display: -webkit-box; display: -ms-flexbox; display: flex; }

.evaluatewarp .evaluatelist .EV_list .item_ .replytext { background: #f9f9f9; padding: 13px 20px; line-height: 22px; color: #666666; margin-bottom: 10px; }

.evaluatewarp .evaluatelist .EV_list .item_ .replytext a { color: #666666; }

.evaluatewarp .evaluatelist .EV_list .item_ .itembox { padding: 0 20px 0 10px; height: 85px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #875540; border-radius: 5px; margin: 10px 0; }

.evaluatewarp .evaluatelist .EV_list .item_ .itembox .img { width: 65px; height: 65px; border-radius: 10px; display: block; overflow: hidden; }

.evaluatewarp .evaluatelist .EV_list .item_ .itembox .img2 { width: 100px; height: 60px; border-radius: 5px; }

.evaluatewarp .evaluatelist .EV_list .item_ .itembox .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; overflow: hidden; }

.evaluatewarp .evaluatelist .EV_list .item_ .itembox .infor .name_ { height: 20px; line-height: 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100%; display: block; overflow: hidden; color: #fff; font-size: 16px; padding-bottom: 8px; }

.evaluatewarp .evaluatelist .EV_list .item_ .itembox .infor .p { height: 20px; line-height: 20px; overflow: hidden; width: 100%; color: #fff; }

.evaluatewarp .evaluatelist .EV_list .item_ .itembox .infor .p a { color: #fff; padding: 0 3px; }

.evaluatewarp .evaluatelist .EV_list .item_ .itembox .pfbox { height: 100%; padding-left: 10px; }

.evaluatewarp .evaluatelist .EV_list .item_ .itembox .pfbox .pf { margin-top: 10px; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; border-radius: 50%; background: #fff; color: #fbbd5b; font-size: 16px; font-weight: bold; }

.evaluatewarp .evaluatelist .EV_list .replybox { margin-top: 30px; border: solid 1px #e7e7e7; background-color: #f9f9f9; border-radius: 5px; position: relative; padding: 10px 20px 20px; }

.evaluatewarp .evaluatelist .EV_list .replybox .cur { width: 40px; height: 20px; position: absolute; top: -18px; left: 60px; }

.evaluatewarp .evaluatelist .EV_list .replybox .cur::after { content: ''; position: absolute; border-bottom: 20px solid #f9f9f9; border-left: 20px solid transparent; border-right: 20px solid transparent; top: 0px; left: 0; }

.evaluatewarp .evaluatelist .EV_list .replybox .cur::before { content: ''; position: absolute; border-bottom: 20px solid #e7e7e7; border-left: 20px solid transparent; border-right: 20px solid transparent; top: -1px; left: 0; }

.evaluatewarp .evaluatelist .EV_list .replybox .ti_bt { height: 40px; line-height: 40px; overflow: hidden; padding-bottom: 10px; }

.evaluatewarp .evaluatelist .EV_list .replybox .textarea { height: 70px; background: #fff; padding: 20px; }

.evaluatewarp .evaluatelist .EV_list .replybox .textarea textarea { width: 100%; border: none; height: 100%; resize: none; outline: none; }

.evaluatewarp .evaluatelist .EV_list .replybox .btnbox { padding-top: 20px; height: 40px; }

.evaluatewarp .evaluatelist .EV_list .replybox .btnbox .btn { float: right; width: 100px; text-align: center; color: #fff; line-height: 40px; display: block; background: #0066ff; border-radius: 5px; cursor: pointer; }

.evaluatewarp .evaluatelist .EV_list .replybox .btnbox .btn:hover { opacity: 0.9; }

.evaluatewarp .evaluatelist .EV_list:nth-child(5n+1) .item_ .itembox { background: #875540; }

.evaluatewarp .evaluatelist .EV_list:nth-child(5n+2) .item_ .itembox { background: #923b58; }

.evaluatewarp .evaluatelist .EV_list:nth-child(5n+3) .item_ .itembox { background: #998d89; }

.evaluatewarp .evaluatelist .EV_list:nth-child(5n+4) .item_ .itembox { background: #425758; }

.evaluatewarp .evaluatelist .EV_list:nth-child(5n+5) .item_ .itembox { background: #423c3a; }

.evaluatewarp .evaluatelist_none p { padding: 100px 0; color: #6e6e6e; text-align: center; }

.evaluatewarp .evaluatelink { height: 40px; border-radius: 20px; border: solid 1px #e0e0e0; display: block; text-align: center; line-height: 40px; color: #0066ff; margin: 10px auto; }

.evaluatewarp .evaluatelink:hover { background: #e5f2ff; border-color: #0066ff; }

.evaluatewarp .nologin { padding: 50px 0; text-align: center; color: #8b8b8b; line-height: 40px; }

.evaluatewarp .nologin i { display: inline-block; vertical-align: middle; height: 40px; width: 40px; background-position: -163px -33px; margin: -2px 5px 0 0; }

.evaluatewarp .nologin span { cursor: pointer; }

.evaluatewarp.usercenter { padding: 0; }

.evaluatewarp.usercenter .evaluatelist .EV_list .item_ { background: none; border-bottom: 1px solid #ececec; }

.evaluatewarp.usercenter .evaluatelist .EV_list .item_ .bt_ .user_ .infor .time { font-size: 12px; }

.evaluatewarp.usercenter .evaluatelist .EV_list .item_ .bt_ + .text_p { padding-top: 10px; }

.evaluatewarp.usercenter .evaluatelist .EV_list .item_ .scorebox { font-size: 12px; padding: 0; margin: 10px 0 5px; }

.evaluatewarp.usercenter .evaluatelist .EV_list .item_ .text_p { line-height: 25px; }

.evaluatewarp.usercenter .evaluatelist .EV_list .item_ .text_p p { line-height: 25px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.evaluatewarp.usercenter .evaluatelist .EV_list .item_ .text_p .moretext { height: 25px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.8)), to(white)); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 20%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 20%, white 100%); }

.evaluatewarp.usercenter .evaluatelist .EV_list .item_ .children { border: none; margin: 0; }

.commentswrap .title { padding-bottom: 10px; }

.commentswrap .evaluate_textarea { padding-top: 10px; }

.commentswrap .evaluate_textarea textarea { height: 162px; }

.commentswrap .title_h2 { height: 30px; line-height: 30px; border-top: solid 1px #e7e7e7; padding-top: 20px; }

.commentswrap .title_h2 .bt { font-size: 18px; font-weight: bold; }

.commentswrap .evaluatelist .EV_list .item_ { border-bottom: solid 1px #e7e7e7; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; }

.commentswrap .evaluatelist .EV_list .item_ .userimg { width: 50px; height: 50px; display: block; border-radius: 50%; background-color: #15c5ce; overflow: hidden; -o-object-fit: cover; object-fit: cover; }

.commentswrap .evaluatelist .EV_list .item_ .userimg img { width: 100%; height: 100%; display: block; }

.commentswrap .evaluatelist .EV_list .item_ .children { border-top: none; margin: 0; }

.commentswrap .evaluatelist .EV_list .item_ .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 20px; font-size: 14px; }

.commentswrap .evaluatelist .EV_list .item_ .flex1 .name_p { height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 10px; }

.commentswrap .evaluatelist .EV_list .item_ .flex1 .name_p .name { display: block; float: left; font-size: 16px; padding-right: 10px; }

.commentswrap .evaluatelist .EV_list .item_ .flex1 .name_p .time { color: #888888; font-size: 14px; }

.commentswrap .evaluatelist .EV_list .item_ .flex1 .text_p { line-height: 22px; }

.layerevaluatewarp { border-radius: 10px !important; }

.layerevaluate { border-radius: 10px; width: 670px; overflow: hidden; font-size: 14px; display: none; }

.layerevaluate .text { padding: 10px 20px; background: #0066ff; color: #fff; }

.layerevaluate .text .bt { height: 30px; line-height: 30px; }

.layerevaluate .text .p { font-size: 14px; margin: 10px 0; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.layerevaluate .textarea { display: block; padding: 20px; }

.layerevaluate .textarea textarea { display: block; border: none; font-size: 14px; height: 150px; line-height: 25px; width: 100%; resize: none; outline: none; }

.layerevaluate .btnbox { text-align: right; border-top: 1px solid #e0e0e0; padding: 20px 0; }

.layerevaluate .btnbox .btn { display: inline-block; vertical-align: middle; width: 70px; height: 30px; border: 1px solid #0066ff; border-radius: 5px; line-height: 30px; text-align: center; color: #0066ff; cursor: pointer; margin-right: 20px; }

.layerevaluate .btnbox .btn:hover { opacity: 0.9; }

.layerevaluate .btnbox .sbmit { background: #0066ff; color: #fff; }

/*弹出层*/
.layertext { padding: 20px 30px; display: none; }

.layertext p { font-size: 18px; line-height: 30px; padding: 5px 0; }

.layertext p::before { display: inline-block; vertical-align: middle; content: ''; height: 8px; background-color: #919191; width: 8px; border-radius: 50%; margin: -2px 7px 0 0; }

.layerPopup { background: #fff; width: 440px; border-radius: 10px; font-size: 14px; padding: 20px 40px; display: none; }

.layerPopup .layui-form-item .layui-form-checkbox[lay-skin=primary] { margin-top: 0px; }

.layerPopup .tile { height: 40px; line-height: 40px; display: block; border-bottom: 1px solid #f4f4f4; margin-bottom: 30px; font-size: 16px; color: #222; position: relative; }

.layerPopup .tile::after { content: ''; display: block; width: 70px; height: 2px; background-color: #0066ff; }

.layerPopup .layui-formradio { width: 100%; }

.layerPopup .layui-formradio .layui-unselect { display: block; width: 100%; }

.layerPopup .layui-formradio .layui-unselect .layui-icon { float: right; font-size: 14px; }

.layerPopup .layui-formradio .layui-unselect div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.layerPopup .layui-form-text .bt { height: 30px; line-height: 30px; color: #0066ff; padding-bottom: 5px; }

.layerPopup .layui-form-text .layui-textarea { resize: none; border-color: #cacaca !important; }

.layerPopup .layui-btn { border-radius: 5px; border: none; }

.layerPopup .layui-btn-primary { background-color: #f0f0f0; }

.layerPopup .layui-form .layui-form-item { margin-bottom: 20px; position: relative; }

.layerPopup .layui-form .layui-form-item .Tiptishi p { text-align: left; }

.layerPopup .layui-form .Tiptishi { color: #ff5959; font-size: 12px; padding: 0 10px; }

.layerPopup .layui-form .Tiptishi p { display: none; text-align: center; height: 20px; line-height: 20px; }

.layerPopup .layui-form .Tiptishi i { display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; height: 13px; width: 13px; background-position: -23px 0; }

.layerPopup .layui-form .focus .layui-input { border-color: #ff5959 !important; }

.layerPopup .layui-form .layui-input { background-color: #f4f4f4; border-radius: 5px; border: solid 1px #dddddd; height: 50px; }

.layerPopup .layui-form .layer-form-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.layerPopup .layui-form .iphoneCode .layui-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 20px; }

.layerPopup .layui-form .iphoneCode .code { background-color: #f4f4f4; border-radius: 5px; border: solid 1px #dddddd; width: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: solid 1px #dddddd; border-radius: 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.layerPopup .layui-form .iphoneCode .code img { width: 90%; }

.layerPopup .layui-form .iphoneCode .time_bg { background: #fff; border-color: #ff5959; }

.layerPopup .textline .layui-word { float: right; color: #b8b8b8; }

.layerPopup .textline .layui-word i { padding: 0 10px; }

.layerPopup .textline .layui-word span { color: #b8b8b8; cursor: pointer; }

.layerPopup .textline .layui-word span:hover { color: #0066ff; }

.layerPopup .submitbtn { height: 50px; line-height: 50px; background-color: #0066ff; border-radius: 5px; text-align: center; display: block; width: 100%; color: #fff; display: block; cursor: pointer; margin: 20px auto; }

.layerPopup .submitbtn:hover { opacity: 0.9; }

.layerPopup .tishi { color: #b8b8b8; }

.layerPopup .login_tip { color: #0066ff; text-align: right; margin-top: -5px; }

.layerPopup .login_tip span { cursor: pointer; }

.layerPopup .success { padding: 50px 20px; text-align: center; }

.layerPopup .success .tubiao { width: 80px; height: 80px; background-color: #0066ff; margin: 0 auto; position: relative; border-radius: 50%; }

.layerPopup .success .tubiao i { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 30px; width: 44px; background-position: -58px -140px; }

.layerPopup .success .text_ico { line-height: 30px; font-size: 18px; color: #0066ff; padding: 10px 0; }

.layerPopup .success .text_ico p:nth-child(1) { font-size: 20px; }

.layerPopup .layui-form-item.btnbox { display: -webkit-box; display: -ms-flexbox; display: flex; }

.layerPopup .layui-form-item.btnbox .veCode { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 30px; height: 38px; }

.layerPopup .layui-form-item.btnbox .veCode .layui-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 5px 0 0 5px; border-right: none; height: 38px; }

.layerPopup .layui-form-item.btnbox .veCode .veCodeinput { background: #fff; width: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: solid 1px #dddddd; border-radius: 0 5px 5px 0; cursor: pointer; }

.layerPopup .layui-form-item.btnbox .veCode .veCodeinput img { width: 90%; }

.ZL-list .list li { background-color: #f9f9f9; border-radius: 10px; height: 149px; border: 1px solid #f9f9f9; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 15px; margin-bottom: 40px; position: relative; overflow: hidden; }

.ZL-list .list li:last-child { margin-bottom: 20px; }

.ZL-list .list li:hover { border-color: #0066ff; }

.ZL-list .list li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 20px; }

.ZL-list .list li .infor .bt { font-size: 16px; font-weight: bold; margin-bottom: 5px; line-height: 25px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.ZL-list .list li .infor .text { height: 60px; font-size: 13px; color: #868686; overflow: hidden; line-height: 30px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.ZL-list .list li .infor .text a { display: block; width: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #868686; }

.ZL-list .list li .infor .text a:hover { color: #0066ff; }

.ZL-list .list li .infor .p { padding-top: 5px; height: 20px; line-height: 20px; color: #999999; font-size: 12px; }

.ZL-list .list li .infor .p span { padding-right: 20px; }

.ZL-list .list li .infor .p a { color: #999999; cursor: pointer; }

.ZL-list .list li .infor .p a:hover { color: #0066ff; }

.ZL-list .list li .img { display: block; width: 273px; height: 100%; border-radius: 10px; overflow: hidden; }

.ZL-list .list li .img .motai { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); color: #fff; }

.ZL-list .list li .img .motai .bt { padding: 30px 25px 0; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 45px; line-height: 45px; font-size: 26px; font-style: italic; font-weight: bold; letter-spacing: 1px; }

.ZL-list .list li .img .motai .tab { position: absolute; height: 20px; line-height: 20px; border: solid 1px #ffffff; border-radius: 11px; padding: 0 13px; font-size: 14px; top: 10px; right: 10px; }

.ZL-list .list li .img .motai p { padding: 0 25px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; }

.ZL-list .list .them { height: 173px; padding: 0; }

.ZL-list .list .them .infor { padding: 12px 235px 0 15px; position: relative; z-index: 1; background: -webkit-gradient(linear, left top, right top, from(#f9f9f9), color-stop(62%, #f9f9f9), color-stop(70%, rgba(249, 249, 249, 0.95)), to(rgba(249, 249, 249, 0))); background: -o-linear-gradient(left, #f9f9f9 0%, #f9f9f9 62%, rgba(249, 249, 249, 0.95) 70%, rgba(249, 249, 249, 0) 100%); background: linear-gradient(to right, #f9f9f9 0%, #f9f9f9 62%, rgba(249, 249, 249, 0.95) 70%, rgba(249, 249, 249, 0) 100%); }

.ZL-list .list .them .infor .bt { line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; white-space: normal; margin-bottom: 10px; }

.ZL-list .list .them .infor .text { height: 44px; line-height: 22px; -webkit-line-clamp: 2; margin-bottom: 10px; }

.ZL-list .list .them .img { position: absolute; top: 0; right: 0; }

.pcinfor { padding: 15px 30px; }

.pcinfor .common { width: 100%; }

.pcinfor .common .ContL { width: 830px; }

.pcinfor .common .news_centernav { color: #222; font-size: 18px; line-height: 40px; }

.pcinfor .common .news_center h3 { line-height: 50px; font-size: 20px; text-decoration: underline; color: #0066ff; }

.pcinfortop { width: 100%; overflow: hidden; position: relative; z-index: 101; }

.pcinfortop .banner { width: 100%; height: auto; display: block; min-height: 160px; }

.pcinfortop .banner img { height: auto; width: 100%; }

.pcinfortop .infor { width: 100%; position: absolute; left: 0; bottom: 0; height: 160px; background: rgba(0, 0, 0, 0.5); color: #fff; }

.pcinfortop .infor .h1_text { width: 770px; float: left; padding-top: 15px; }

.pcinfortop .infor .h1_text .h1 { font-size: 30px; line-height: 50px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: bold; }

.pcinfortop .infor .h1_text .time { height: 30px; line-height: 30px; text-align: right; font-size: 16px; }

.pcinfortop .infor .pc_name { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; width: 330px; padding: 20px 0 0 50px; }

.pcinfortop .infor .pc_name .img { width: 60px; height: 60px; display: block; border-radius: 50%; overflow: hidden; }

.pcinfortop .infor .pc_name .text { overflow: hidden; padding-left: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.pcinfortop .infor .pc_name .text .name { height: 30px; line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.pcinfortop .infor .pc_name .text p { padding-top: 5px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.pc_ritbox .item-box .item { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.pc_ritbox .item-box .item .img { width: 40px; height: 55px; display: block; border-radius: 5px; overflow: hidden; }

.pc_ritbox .item-box .item .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 10px; }

.pc_ritbox .item-box .item .infor .bt { height: 20px; line-height: 20px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; }

.pc_ritbox .item-box .item .infor p { color: #797979; font-size: 12px; height: 20px; line-height: 20px; padding-top: 10px; overflow: hidden; }

.pc_ritbox .item-box .tablink { height: 25px; line-height: 25px; padding-top: 5px; overflow: hidden; }

.pc_ritbox .item-box .tablink .tab { display: block; float: left; padding-right: 15px; font-size: 12px; color: #555; }

.pc_ritbox .item-box .tablink .tab:hover { color: #0066ff; }

.pc_ritbox .item-box .tablink .tab i { display: inline-block; vertical-align: middle; margin: -1px 5px 0 0; background: url("../images/icozqtab.png") no-repeat center; }

.pc_ritbox .item-box .tablink .tab .ico2 { height: 29px; width: 18px; background-position: -35px 0; }

.pc_ritbox .item-box .tablink .tab .ico4 { height: 28px; width: 23px; background-position: -104px 0; }

.pc_ritbox .item-box .tablink .tab .ico1 { height: 29px; width: 26px; background-position: 0 0; }

.pc_ritbox .item-box .tablink .tab .ico3 { height: 23px; width: 20px; background-position: -70px 0; }

.pc_ritbox .lis_p { padding: 10px 0 0; }

.pc_ritbox .lis_p .bt_h2 { height: 40px; line-height: 40px; font-weight: bold; color: #373737; font-size: 20px; }

.pc_ritbox .lis_p .text_p { color: #373737; line-height: 26px; word-break: break-all; }

.pc_ritbox .lis_p ul li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 0; }

.pc_ritbox .lis_p ul li::before { width: 6px; height: 6px; background-color: #ff3939; border-radius: 50%; display: block; border-radius: 50%; content: ''; margin: 10px 10px 0 0; }

.pc_ritbox .lis_p ul li a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.pc_ritbox .lis_p .ul2 li::before { background-color: #0066ff; }

.pc_ritbox .lis_p .pflis .lis { display: block; height: 60px; line-height: 60px; overflow: hidden; }

.pc_ritbox .lis_p .pflis .lis:hover .tex u { color: #0066ff; }

.pc_ritbox .lis_p .pflis .lis .img_ { height: 100%; position: relative; float: left; max-width: 70%; overflow: hidden; }

.pc_ritbox .lis_p .pflis .lis .img_ img { display: inline-block; max-height: 100%; }

.pc_ritbox .lis_p .pflis .lis .tex { float: right; text-align: right; color: #191919; }

.pc_ritbox .lis_p .pflis .lis .tex u { font-size: 20px; }

.morning_paper .papertitle_them { height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.morning_paper .papertitle_them .lab { display: -webkit-box; display: -ms-flexbox; display: flex; height: 46px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: baseline; -ms-flex-pack: baseline; justify-content: baseline; width: 24px; border-radius: 5px; background: #0066ff; color: #fff; font-size: 16px; line-height: 18px; }

.morning_paper .papertitle_them .lab span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; max-height: 36px; overflow: hidden; }

.morning_paper .papertitle_them .lab.bg1 { background: #4B7902; }

.morning_paper .papertitle_them .lab.bg2 { background: #B8741A; }

.morning_paper .papertitle_them .lab.bg3 { background: #027DB4; }

.morning_paper .papertitle_them .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 20px; height: auto; overflow: hidden; }

.morning_paper .papertitle_them .flex a { display: block; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 16px; font-weight: bold; text-align: justify; }

.morning_paper .line_ { background: #0066ff; width: 98%; margin: 10px auto; height: 1px; }

.morning_paper .line_.them_h { position: absolute; left: -13px; height: 95%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 1px; margin: 0 !important; }

.morning_paper .paperbt { padding: 15px 20px 20px; }

.morning_paper .paperbt span { display: block; height: 35px; line-height: 35px; overflow: hidden; font-size: 20px; color: #333; }

.morning_paper .paperbt .bt { font-size: 60px; color: #111; height: 80px; line-height: 80px; margin-bottom: 6px; font-weight: bold; }

.morning_paper .paperbt p { height: 32px; line-height: 32px; color: #fff; padding: 0 10px; border-radius: 5px; font-size: 16px; background: rgba(0, 0, 0, 0.7); }

.morning_paper .paper_list { padding-bottom: 30px; }

.morning_paper .paper_list ul { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 30px; column-gap: 30px; }

.morning_paper .paper_list ul li { position: relative; overflow: hidden; margin-bottom: 10px; max-width: 380px; }

.morning_paper .paper_list ul li .bt { font-size: 20px; font-size: 20px; line-height: 30px; font-weight: bold; display: block; color: #d02626; margin-bottom: 5px; }

.morning_paper .paper_list ul li .bt[href]:hover { text-decoration: underline; }

.morning_paper .paper_list ul li p { line-height: 28px; color: #444; padding-bottom: 5px; }

.morning_paper .paper_list ul li img { border-radius: 5px; margin-bottom: 5px; min-height: 50px; width: auto; max-width: 100%; display: block; }

.morning_paper .paper_list ul li .img { width: 100%; height: auto; display: block; position: relative; }

.morning_paper .paper_list ul li .text { background-color: #f9f9f9; border-radius: 5px; padding: 10px 10px 20px 10px; margin-bottom: 20px; }

.morning_paper .paper_list ul li .text p { color: #313131; padding: 0; width: 100%; overflow: hidden; }

.morning_paper .paper_list ul li .text .btname { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; line-height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }

.morning_paper .paper_list ul li .text .btname .name { display: block; font-size: 18px; font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.morning_paper .paper_list ul li .text .btname .lab_box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 5px; }

.morning_paper .paper_list ul li .text .btname .lab_box span { margin-left: 6px; height: 20px; line-height: 20px; font-size: 12px; padding: 0 5px; display: inline-block; vertical-align: middle; background: #0066ff; color: #fff; border-radius: 5px; margin-top: -2px; }

.morning_paper .paper_list ul li .text .subtitle { height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; }

.morning_paper .paper_list ul li .text .switchlab { height: 33px; margin: 5px 0; line-height: 33px; display: block; overflow: hidden; }

.morning_paper .paper_list ul li .text .switchlab .tab { float: left; font-size: 16px; margin-right: 30px; display: block; position: relative; cursor: pointer; }

.morning_paper .paper_list ul li .text .switchlab .tab::after { content: ''; display: none; left: 0; position: absolute; bottom: 0; height: 3px; width: 100%; background: #0066ff; }

.morning_paper .paper_list ul li .text .switchlab .on { color: #0066ff; font-weight: bold; }

.morning_paper .paper_list ul li .text .switchlab .on::after { display: block; }

.morning_paper .paper_list ul li .text .us_name { display: -webkit-box; display: -ms-flexbox; display: flex; height: 52px; line-height: 52px; padding: 10px 0; overflow: hidden; }

.morning_paper .paper_list ul li .text .us_name img { width: 52px; height: 52px; display: block; border-radius: 50%; }

.morning_paper .paper_list ul li .text .us_name p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 15px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 20px; line-height: 52px; height: 52px; }

.morning_paper .paper_one { border: 1px solid #0066ff; margin-bottom: 5px; height: 177px; padding: 6px 10px 6px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.morning_paper .paper_one .paper_one-1 { width: 210px; color: #555555; }

.morning_paper .paper_one .paper_one-1 .tile { display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; line-height: 50px; overflow: hidden; color: #0066ff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.morning_paper .paper_one .paper_one-1 .tile .bt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; font-size: 26px; letter-spacing: 1px; font-style: italic; font-weight: bold; }

.morning_paper .paper_one .paper_one-1 .tile .lab { border-radius: 5px; border: solid 1px #0066ff; height: 24px; line-height: 24px; padding: 0 10px; font-size: 16px; }

.morning_paper .paper_one .paper_one-1 .tex-p { line-height: 25px; word-break: break-all; height: 25px; font-weight: bold; margin: 7px 0 25px 0; overflow: hidden; }

.morning_paper .paper_one .paper_one-1 p { height: 20px; line-height: 20px; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.morning_paper .paper_one .paper_one-1 p u { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 5px; }

.morning_paper .paper_one .paper_one-2 { width: 130px; margin: 0 30px 0 20px; text-align: center; line-height: 30px; font-size: 12px; color: #555; }

.morning_paper .paper_one .paper_one-2 .img { width: 100px; display: block; height: 100px; margin: 0 auto; }

.morning_paper .paper_one .paper_one-2 p { padding-top: 5px; }

.morning_paper .paper_one .paper_one-3 { border: 1px solid #0066ff; width: 155px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; border-radius: 10px; font-size: 12px; line-height: 20px; padding: 7px 0; }

.morning_paper .paper_one .paper_one-3 p { height: 20px; overflow: hidden; }

.morning_paper .paper_one .paper_one-3 p u { color: #ff0000; }

.morning_paper .paper_one .paper_one-3 p:nth-child(2) { height: 30px; line-height: 30px; font-size: 18px; color: #0066ff; }

.morning_paper .paper_one .paper_one-3 p:nth-child(5) { height: 30px; line-height: 30px; }

.morning_paper .paper_one .paper_one-4 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 30px; height: 100%; }

.morning_paper .paper_one .paper_one-4 .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 20px; }

.morning_paper .paper_one .paper_one-4 .infor .bt { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; padding-bottom: 5px; }

.morning_paper .paper_one .paper_one-4 .infor .tex { color: #010101; line-height: 25px; line-height: 25px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; color: #010101; }

.morning_paper .paper_one .paper_one-4 .img { display: block; width: 100px; background: none; }

.morning_paper .paper_one .paper_one-4 .img img { position: absolute; height: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; }

.morning_paper .paper_one .paper_one-5 { padding-top: 5px; color: #1b1b1b; line-height: 24px; height: 160px; margin-bottom: 9px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-all; }

.morning_paper .paper_one .paper_one-5 .img { float: left; width: 160px; height: 100px; display: block; margin: 0 10px 0 0; border-radius: 5px; overflow: hidden; }

.morning_paper .paper_one .paper_one-5 .bt { float: left; width: 380px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 36px; line-height: 36px; margin-bottom: 5px; }

.morning_paper .paper_one .paper_one-5 .bt .lab { width: 36px; height: 28px; border-radius: 5px; background-color: #D9001B; line-height: 14px; padding: 4px 0; text-align: center; color: #fff; font-size: 14px; font-weight: bold; }

.morning_paper .paper_one .paper_one-5 .bt a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; font-weight: bold; }

.morning_paper .paper_one.them_ { background: none; border: none; padding: 0; display: block; height: auto; margin-bottom: 17px; }

.morning_paper .paper_one .paper_one-box { border: 1px solid #0066ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 563px; border-radius: 5px; padding: 6px 10px 6px 10px; }

.morning_paper .paper_one .paper_one-box .paper_one-1 { padding-left: 10px; }

.morning_paper .paper_one .paper_one-box .paper_one-3 { border: none; background: #f2f8ff; }

.morning_paper .paper_one .paper_one-box .paper_one-3 p:nth-child(3) { font-weight: bold; }

.morning_paper .paper_two { border: 1px solid #0066ff; padding-left: 20px; }

.morning_paper .paper_two .img_text { line-height: 26px; text-align: justify; display: block; }

.morning_paper .paper_two .img_text p { padding-bottom: 10px; }

.morning_paper .paper_two img { border-radius: 10px; }

.morning_paper .paper_two .paper_two-1 { width: 845px; }

.morning_paper .paper_two .paper_two-1 .item1 { padding-top: 10px; padding-bottom: 10px; }

.morning_paper .paper_two .paper_two-1 .item1 .h2 { height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-bottom: 10px; display: block; font-size: 26px; font-weight: bold; }

.morning_paper .paper_two .paper_two-1 .item1 .img_text .img { float: right; max-width: 620px; display: block; margin: 5px 0 0 10px; min-height: 200px; min-width: 300px; }

.morning_paper .paper_two .paper_two-2 { width: 290px; padding-right: 15px; position: relative; }

.morning_paper .paper_two .paper_two-2 .item1 { padding-top: 10px; padding-bottom: 5px; }

.morning_paper .paper_two .paper_two-2 .item1 .h2 { font-style: italic; font-size: 18px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 48px; margin-bottom: 5px; font-weight: bold; }

.morning_paper .paper_two .paper_two-2 .item2 { padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.morning_paper .paper_two .paper_two-2 .item2 .img_text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 5px; }

.morning_paper .paper_two .paper_two-2 .item2 .h2 { text-align: center; float: right; width: 33px; font-size: 26px; height: auto; word-wrap: break-word; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-weight: bold; }

.morning_paper .paper_two .paper_two-3 { padding-right: 20px; }

.morning_paper .paper_two .paper_two-3 .line_ { margin: 20px 0; }

.morning_paper .paper_two .paper_two-3 .item1 { width: 47%; position: relative; }

.morning_paper .paper_two .paper_two-3 .item1 .h2 { font-size: 18px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; font-weight: bold; padding-bottom: 10px; }

.morning_paper .paper_two .paper_two-3 .item1 .img_text .img { float: right; max-width: 266px; margin: 5px 0 0 10px; min-height: 20px; min-width: 10px; }

.morning_paper .paper_two .paper_two-3 .item1 img { border-radius: 5px; }

.morning_paper .paper_two .paper_two-3 .item1.fr .img_text .img { float: left; max-width: 266px; margin: 5px 10px 0 0px; }

.morning_paper .paper_two .paper_two-4 { padding: 10px 20px 10px 0; }

.morning_paper .paper_two .paper_two-4 .text_p { padding: 10px 0; line-height: 30px; color: #555555; font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.morning_paper .paper_two .paper_two-4 .text_p p { padding-right: 10px; }

.morning_paper .paper_two .paper_two-4 .text_p a { color: #555555; }

.morning_paper .paper_two .paper_two-4 .text_p a:hover { color: #0066ff; }

.morning_paper .paper_three { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; }

.morning_paper .paper_three .paper_title { height: 50px; line-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.morning_paper .paper_three .paper_title .lab { text-align: center; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 20px; color: #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 63px; background: #0066ff; font-size: 16px; border-radius: 5px; overflow: hidden; }

.morning_paper .paper_three .paper_title .lab u { display: block; font-weight: bold; }

.morning_paper .paper_three .paper_title .lab.bg1 { background: #E67C00; }

.morning_paper .paper_three .paper_title .lab.bg2 { background: #027DB4; }

.morning_paper .paper_three .paper_title a { display: block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 20px; font-weight: bold; overflow: hidden; }

.morning_paper .paper_three .paperbtbox { margin-bottom: 20px; }

.morning_paper .paper_three .paperbtbox .paperbt { padding-top: 20px; }

.morning_paper .paper_three .newstext { color: #444444; line-height: 29px; text-align: justify; word-break: break-all; }

.morning_paper .paper_three .newstext p { padding-bottom: 2px; }

.morning_paper .paper_three .paper_three-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 30px; }

.morning_paper .paper_three .paper_three-1 .threetwo { padding-bottom: 30px; }

.morning_paper .paper_three .paper_three-1 .threetwo .link_a { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 15px; }

.morning_paper .paper_three .paper_three-1 .threetwo .link_a .img { width: 537px; height: 299px; display: block; border-radius: 5px; overflow: hidden; }

.morning_paper .paper_three .paper_three-1 .threetwo .link_a .newstext { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 290px; padding-left: 10px; overflow: hidden; line-height: 29px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 10; -webkit-box-orient: vertical; }

.morning_paper .paper_three .paper_three-1 .threethree { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 30px; }

.morning_paper .paper_three .paper_three-1 .threethree .lis { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-right: 15px; }

.morning_paper .paper_three .paper_three-1 .threethree .lis .newstext { margin: 6px 0; line-height: 29px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.morning_paper .paper_three .paper_three-1 .threethree .lis .img { width: 100%; height: 138px; display: block; border-radius: 5px; overflow: hidden; }

.morning_paper .paper_three .paper_three-1 .threethree .lisul { width: 300px; }

.morning_paper .paper_three .paper_three-1 .threethree .lisul li { margin-bottom: 30px; }

.morning_paper .paper_three .paper_three-1 .threethree .lisul li:last-child { margin-bottom: 0; }

.morning_paper .paper_three .paper_three-1 .threethree .lisul .img { width: 257px; margin-left: 43px; display: block; margin-top: 10px; border-radius: 5px; height: 85px; overflow: hidden; }

.morning_paper .paper_three .paper_three-1 .threefour .newstext { padding-top: 10px; }

.morning_paper .paper_three .paper_three-1 .threefour .newstext .img { float: right; width: 250px; display: block; overflow: hidden; margin: 0 0 0 10px; border-radius: 5px; }

.morning_paper .paper_three .paper_three-2 { width: 320px; }

.morning_paper .paper_three .paper_three-2 li { padding: 15px 13px; background-color: #f9f9f9; border-radius: 5px; margin-bottom: 30px; }

.morning_paper .paper_three .paper_three-2 li:last-child { margin-bottom: 0; }

.morning_paper .paper_three .paper_three-2 li .newstext { line-height: 28px; color: #414141; padding-top: 10px; }

.morning_paper .paperbtbox { background-color: #f9f9f9; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; }

.morning_paper .paperbtbox .imgrit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 10px 20px 0 40px; height: 169px; display: block; overflow: hidden; }

.morning_paper .paperbtbox .list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 15px 10px 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.morning_paper .paperbtbox .list .img { width: 279px; height: 161px; display: block; border-radius: 5px; overflow: hidden; }

.morning_paper .paperbtbox .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 15px; line-height: 28px; color: #414141; text-align: justify; }

.morning_paper .paperbtbox .list .text p { margin-top: -3px; line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.morning_paper .paperbtbox .list .text a { color: #0066ff; }

.morning_paper .paperbtbox .list .text a:hover { text-decoration: underline; }

.morning_paper .paperbtbox .list2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 80px; padding-right: 15px; }

.morning_paper .paperbtbox .list2 .bt { height: 56px; line-height: 56px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; color: #010101; font-size: 18px; font-weight: bold; }

.morning_paper .paperbtbox .list2 .bt span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 10px; font-weight: normal; color: #444444; font-size: 14px; }

.morning_paper .paperbtbox .list2 .infor { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.morning_paper .paperbtbox .list2 .infor .img { width: 122px; height: 105px; display: block; overflow: hidden; border-radius: 10px; }

.morning_paper .paperbtbox .list2 .infor .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 20px; color: #444444; margin-top: -5px; line-height: 28px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.morning_paper .paperbtbox .list3 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 15px 20px 0 60px; }

.morning_paper .paperbtbox .list3 li { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; padding-top: 15px; }

.morning_paper .paperbtbox .list3 li:last-child .text { border: none; }

.morning_paper .paperbtbox .list3 li .img { width: 43px; height: 60px; display: block; overflow: hidden; border-radius: 4px; margin-right: 55px; }

.morning_paper .paperbtbox .list3 li .text { color: #565656; font-size: 16px; height: 60px; line-height: 60px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; border-bottom: solid 1px #e7e7e7; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.morning_paper .paperbtbox .list3 li .text:hover { color: #0066ff; }

.morning_paper .paper_four .four-banner { position: relative; display: block; min-height: 230px; margin-bottom: 20px; border-radius: 10px; overflow: hidden; }

.morning_paper .paper_four .four-banner .img { width: 100%; height: auto; }

.morning_paper .paper_four .four-banner .img img { border-radius: 10px; }

.morning_paper .paper_four .four-banner .text { position: absolute; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); font-size: 38px; color: #fff; font-weight: bold; text-align: center; top: 50%; line-height: 70px; padding: 70px 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.morning_paper .paper_four .four-banner .text:hover { text-decoration: underline; }

.paper_nav { display: none; position: fixed; left: 50%; margin-left: 620px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.paper_nav li { height: 38px; width: 38px; border: 1px solid #cfcfcf; border-radius: 5px; text-align: center; cursor: pointer; line-height: 20px; font-size: 16px; text-align: center; color: #000000; padding: 5px; margin: 15px 0; }

.paper_nav li a { max-height: 100%; overflow: hidden; display: block; }

.paper_nav li.current, .paper_nav li:hover { background: #e5f2ff; color: #0066ff; border-color: #0066ff; }

.paper_nav li.current a, .paper_nav li:hover a { color: #0066ff; }

.Isrwarp { background: #FFF; position: relative; overflow: hidden; }

.Isrwarp .warpbjfff { padding: 0; }

.Isrwarp .warpbjfff .common .ContL { width: 760px; }

.Isrwarp .Ritem2 .list .lis { -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; max-width: 93%; word-break: break-all; }

/* 返回顶部*/
.scrollTop { position: fixed; z-index: 100; height: 55px; width: 55px; background-position: -474px -106px; cursor: pointer; bottom: 10%; left: 50%; margin-left: 610px; display: none; }

.scrollTop:hover { background-position: -405px -107px; }

/* layermsg */
.layermsg { border-radius: 5px !important; }

.layermsg .layui-layer-content { padding: 12px 20px !important; }

.layermsg .layui-layer-content::before { content: ''; background: url("../images/icoimg.png") no-repeat center; height: 28px; width: 27px; background-position: -437px -61px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }

/* 我的粉丝*/
.fansbox .list { padding: 10px 10px 10px 20px; }

.fansbox .list .bt { height: 30px; line-height: 30px; }

.fansbox .list .bt span { display: inline-block; vertical-align: middle; font-size: 16px; border-bottom: 2px solid #0066ff; }

.fansbox .list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 0; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.fansbox .list ul li .name { float: left; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-right: 200px; }

.fansbox .list ul li .name img { width: 50px; height: 50px; display: block; -o-object-fit: cover; object-fit: cover; overflow: hidden; border-radius: 50%; }

.fansbox .list ul li .name p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.fansbox .list ul li .btn { width: 100px; height: 40px; line-height: 40px; overflow: hidden; border-radius: 5px; float: right; display: block; text-align: center; background: #0066ff; color: #fff; cursor: pointer; }

.fansbox .list ul li .on { color: rgba(0, 0, 0, 0.8); background: rgba(0, 0, 0, 0.1); }

.fansbox .add_morelink { border-radius: 20px; }

/* 我的消息*/
.usernews .list { padding: 10px 10px 10px 20px; }

.usernews .list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 0; }

.usernews .list ul li .img { width: 50px; height: 50px; display: block; overflow: hidden; border-radius: 50%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #0066ff; }

.usernews .list ul li .img span { color: #fff; letter-spacing: 1px; }

.usernews .list ul li .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 20px; }

.usernews .list ul li .infor .name { height: 20px; overflow: hidden; white-space: 100%; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 15px; font-weight: bold; padding-bottom: 10px; }

.usernews .list ul li .infor p { line-height: 24px; overflow: hidden; opacity: 0.87; }

.usernews .list ul li .rit { text-align: center; }

.usernews .list ul li .rit .time { opacity: 0.7; line-height: 20px; }

.usernews .list ul li .btn { width: 58px; height: 28px; line-height: 28px; overflow: hidden; border-radius: 20px; display: block; color: #0066ff; cursor: pointer; margin: 0 auto; border: 1px solid #0066ff; margin-bottom: 10px; }

.usernews .list ul li .on { color: #7f7e7e; background: rgba(0, 0, 0, 0.05); border-color: rgba(0, 0, 0, 0.05); }

.usernews .pages .pagewrap { padding-top: 0px; }

/*事件脉络*/
.eventstepbt .h1 { font-size: 18px; overflow: hidden; line-height: 30px; font-weight: bold; padding-bottom: 10px; }

.eventstepbt .p { height: 30px; line-height: 30px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; }

.eventstepbt .p .btn { width: 65px; height: 27px; line-height: 27px; display: block; cursor: pointer; color: #fff; background: #0066ff; border-radius: 5px; text-align: center; }

.eventstepbt .p .on { background: #dadada; color: #444; }

.eventstepbt .p span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 5px; }

.eventstepbt .btn-lab { padding: 5px 0; overflow: hidden; }

.eventstepbt .btn-lab .btn { display: block; float: left; padding: 0 15px; height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; background-color: #f5f4f4; border-radius: 5px; margin: 5px 15px 5px 0; }

.eventstepbt .btn-lab .btn:hover { background: #e5f2ff; }

.eventstepbt .btn-lab .on { background: #0066ff; color: #fff; }

.eventstepbt .btn-lab .on:hover { background: #0066ff; color: #fff; }

.eventstepbt + .eventstep { background: #fff; padding: 0; }

.eventstep { background: #f8f8f8; border-radius: 5px; padding: 10px 20px; margin-top: 10px; }

.eventstep.bjfff { background: #fff; }

.eventstep .timeswitch { font-size: 12px; color: #007bff; cursor: pointer; }

.eventstep .timeswitch i { height: 23px; width: 21px; background-position: -514px -64px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }

.eventstep .bt_ { height: 40px; line-height: 40px; overflow: hidden; font-size: 18px; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.eventstep ul { margin: 10px 0; border-left: 1px solid #ddd; }

.eventstep ul li { position: relative; padding: 5px 15px; line-height: 25px; }

.eventstep ul li:first-child::before { background: #0066ff; }

.eventstep ul li::before { width: 5px; height: 5px; border-radius: 50%; display: block; position: absolute; left: -3px; top: 50%; margin-top: -2px; background: rgba(0, 0, 0, 0.5); content: ''; }

.eventstep ul li .time { opacity: 0.7; font-size: 13px; }

.eventstep ul li span { height: 15px; border-radius: 3px; border: solid 1px #f59a23; padding: 0 5px; font-size: 12px; line-height: 15px; color: #f59a23; margin: -2px 2px 0 5px; display: inline-block; vertical-align: middle; }

.eventstep ul li .new { border-color: #ff0000; color: #ff0000; }

.eventstep ul li .star { color: #70b603; border-color: #70b603; }

.eventstep .more { text-align: center; line-height: 30px; }

.eventstep .more a { color: #0066ff; }

.eventlist .list ul li { float: left; width: 180px; height: 100px; position: relative; padding: 10px 13px 10px 0; }

.eventlist .list ul li:nth-child(4n) { padding-right: 0px; }

.eventlist .list ul li .img { border-radius: 5px; overflow: hidden; width: 100%; height: 100%; display: block; position: relative; }

.eventlist .list ul li .img img { width: 100%; height: 100%; }

.eventlist .list ul li .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.eventlist .list ul li .img:hover p { text-decoration: underline; }

.eventlist .list ul li .motai { position: absolute; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 25px; text-align: center; }

.eventlist .list ul li .motai p { font-size: 16px; }

.eventlist .list ul li .num { position: absolute; right: 0; top: 0; color: #fff; font-size: 12px; height: 20px; line-height: 20px; border-radius: 0 5px 0 5px; background: #0066ff; padding: 0 5px; }

.eventlist .list ul li .num1 { background: #d9001b; }

.eventlist .list ul li .num2 { background: #25b336; }

/*脉络主持人弹出*/
.layer_eventhost { display: none; }

.layer_eventhost .eventhost { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 10px 12px 15px; width: 350px; }

.layer_eventhost .eventhost .img { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; display: block; }

.layer_eventhost .eventhost .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 15px; }

.layer_eventhost .eventhost .infor .name { color: #0066ff; height: 20px; line-height: 20px; width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; padding-bottom: 5px; display: block; }

.layer_eventhost .eventhost .infor p { line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.layer_eventhost .eventhost .infor .lab { padding: 5px 0; }

.layer_eventhost .eventhost .infor .lab .btn { border: 1px solid #0066ff; color: #0066ff; padding: 0 10px; height: 28px; line-height: 28px; border-radius: 5px; display: inline-block; vertical-align: middle; margin: 5px 5px 5px 0; font-size: 12px; }

.layer_eventhost .eventhost .infor .play { padding-top: 10px; display: inline-block; cursor: pointer; }

.layer_eventhost .eventhost .infor .play i { height: 34px; width: 22px; background-position: -365px -175px; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; }

.layereventwarp { border-radius: 10px !important; border: 1px solid rgba(0, 0, 0, 0.1); }

.layer_eventplay { text-align: center; padding: 20px 30px; font-size: 16px; width: 250px; border-radius: 5px; line-height: 30px; display: none; }

.layer_eventplay .img { width: 100px; height: 100px; display: block; margin: 15px auto; }

.layer_eventplay .img img { width: 100%; height: 100%; display: block; }

/*我的文章和关注*/
.mynews-follow { padding: 0 10px 10px 20px; }

.mynews-follow .list ul li { padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.mynews-follow .list ul li:last-child { border-bottom: none; }

.mynews-follow .list ul li .bt_ { height: 40px; padding-bottom: 5px; padding-top: 10px; }

.mynews-follow .list ul li .bt_ .user_ { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 80%; overflow: hidden; }

.mynews-follow .list ul li .bt_ .user_ img { width: 40px; height: 40px; display: block; border-radius: 50%; }

.mynews-follow .list ul li .bt_ .user_ .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 10px; }

.mynews-follow .list ul li .bt_ .user_ .infor .name { height: 20px; line-height: 20px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-bottom: 2px; }

.mynews-follow .list ul li .bt_ .user_ .infor .time { color: #aeaeae; font-size: 14px; }

.mynews-follow .list ul li .bt_ .layui-nav { float: right; height: 20px; padding: 0; background: none; margin-top: 10px; }

.mynews-follow .list ul li .bt_ .layui-nav:hover .ico { background-position: -393px 0; }

.mynews-follow .list ul li .bt_ .layui-nav .ico { cursor: pointer; height: 19px; width: 12px; background-position: -416px 0; display: block; }

.mynews-follow .list ul li .bt_ .layui-nav .layui-nav-child { left: initial; right: 0px; top: 30px; text-align: center; }

.mynews-follow .list ul li .bt_ .layui-nav .layui-nav-child .on { background: #e5f2ff; color: #0066ff; }

.mynews-follow .list ul li .item1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; padding: 10px 0; }

.mynews-follow .list ul li .item1 .img { width: 90px; height: 128px; display: block; border-radius: 5px; overflow: hidden; }

.mynews-follow .list ul li .item1 .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 15px; }

.mynews-follow .list ul li .item1 .infor .name { height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 18px; }

.mynews-follow .list ul li .item1 .infor p { color: #222; opacity: 0.8; line-height: 30px; padding-top: 5px; }

.mynews-follow .list ul li .item2 { width: 420px; height: 210px; display: block; overflow: hidden; padding: 10px 0; }

.mynews-follow .list ul li .item2 .img { width: 100%; height: 100%; display: block; overflow: hidden; border-radius: 5px; }

.mynews-follow .list ul li .item2 .img .motai { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; background: rgba(0, 0, 0, 0.5); font-size: 20px; line-height: 40px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; }

.mynews-follow .list ul li .item2 .img .motai p { font-size: 22px; }

.mynews-follow .list ul li .item3 { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px 0; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.mynews-follow .list ul li .item3 .img { width: 107px; height: 65px; display: block; overflow: hidden; border-radius: 5px; }

.mynews-follow .list ul li .item3 .img .num { position: absolute; right: 0; top: 0; color: #fff; font-size: 12px; height: 18px; line-height: 18px; border-radius: 0 5px 0 5px; background: #0066ff; padding: 0 5px; }

.mynews-follow .list ul li .item3 .img .num1 { background: #70b603; }

.mynews-follow .list ul li .item3 .img .num2 { background: #d9001b; }

.mynews-follow .list ul li .item3 .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 15px; }

.mynews-follow .list ul li .item3 .infor .name { font-size: 16px; line-height: 24px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.mynews-follow .list ul li .text { color: rgba(0, 0, 0, 0.8); line-height: 30px; height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.mynews-follow .add_morelink { border-radius: 20px; }

@media screen and (max-width: 1373px) { .sharebox { position: relative; left: 0; top: 0; margin: 0; width: 1200px; margin: 0 auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); padding: 10px 0; }
  .sharebox ul:before, .sharebox ul:after { content: ''; display: block; clear: both; }
  .sharebox ul li { float: left; margin-right: 10px; } }
